/* Isotope Filtering */ .wbnavs .menu-item-type-custom{position:relative;} .wbnavs .menu-item-type-custom .menu-toggler{position:absolute;right:0;top:0;font-size:16px;color:#7f7f7f;width:38px;height:45px;line-height:45px;text-align:center;border-left:1px solid #d0d0d0;cursor:pointer} .wbnavs .menu-item-object-page a{color:#444 !important;background:#f4f4f4 !important;padding-left:15px !important} .wbnavs .menu-item-object-page a i{padding-right:8px !important} .wbnavs .menu-item-object-page a:hover{color:#fff !important;background:#2e74d7 !important;} .wbnavs .current-menu-items a{ background-color: #2e74d7 !important;color:#FFF !important} .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* Isotope CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* disabling Isotope CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* ================================================================ * COUNTDOWN * ================================================================ */ .is-countdown { } .countdown-rtl { direction: rtl; } .countdown-holding span { color: #888; } .countdown-row { clear: both; padding: 0; text-align: center; position: relative; display: inline-block; margin: 0 auto; } .countdown-section { display: block; float: left; font-size: 75%; text-align: center; margin: 15px; width: 85px; height: 70px; line-height: 63px; border: 2px solid; position: relative; } .countdown-amount { font-size: 40px; } .countdown-period { display: block; line-height: 20px; font-size: 15px; } .countdown-descr { display: block; width: 100%; } /* ================================================================ * BOOTSTRAP VALIDATOR * ================================================================ */ /* BootstrapValidator v0.5.3 */ .bv-form .help-block { margin-bottom: 0; } .bv-form .tooltip-inner { text-align: left; } .nav-tabs li.bv-tab-success > a { color: #3c763d; } .nav-tabs li.bv-tab-error > a { color: #a94442; } .bv-form .bv-icon-no-label { top: 0; } .bv-form .bv-icon-input-group { top: 0; z-index: 100; } /* ================================================================ * MEDIAELEMENT PLAYER ( AUDIO / VIDEO ) * ================================================================ */ .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background: #000; } .mejs-container.mejs-audio { background: transparent; font-family: inherit; width: 100%; height: 50px !important; } .mejs-overlay-button { transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); margin: 0 !important; } /* Start: CONTROL BAR */ .audio-player { /*height: 50px;*/ width: 100%; } .mejs-container.mejs-audio .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 50px; background: #2C2C2C; border: 1px solid #404040; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; } .mejs-container.mejs-audio .mejs-controls div { display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; border: none; font-size: 16px; line-height: 16px; font-weight: 500; background: none; font-family: inherit; } .mejs-container.mejs-audio .mejs-controls .mejs-button { width: 40px; height: 48px; } .mejs-container.mejs-audio .mejs-button button { display: block; position: absolute; width: 40px; height: 36px; background: url(/metal/wp-content/themes/metal/images/play-pause-icon.png) no-repeat; margin: 0; padding: 0; cursor: pointer; border: none; font-size: 0; line-height: 0; text-decoration: none; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Start: Time (Current / Duration) */ .mejs-container.mejs-audio .mejs-controls .mejs-time { overflow: hidden; display: block; width: auto; height: 48px; padding: 0; color: #fff; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container.mejs-audio .mejs-controls .mejs-time span { display: block; float: left; width: auto; margin: 0 6px 0 0; color: #fff; font-size: 16px; line-height: 16px; height: 48px; line-height: 48px; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs-container.mejs-audio .mejs-playpause-button button { background-position: center 30px; } .mejs-container.mejs-audio .mejs-play button { background-position: center 10px; } .mejs-container.mejs-audio .mejs-pause button { background-position: center -26px; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-container.mejs-audio .mejs-controls .mejs-time-rail { direction: ltr; padding-top: 5px; margin-right: 10px; position: relative; top: 0; left: 0; height: 48px; } .mejs-container.mejs-audio .mejs-time-rail span, .mejs-container.mejs-audio .mejs-time-rail a { display: block; position: absolute; height: 6px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mejs-container.mejs-audio .mejs-controls a:focus > .mejs-offscreen { height: auto; } .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail span a, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mejs-container.mejs-audio .mejs-time-rail .mejs-time-total { background: #DBE0E4; width: 100%; margin-top: 17px; } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-handle { background: url(/metal/wp-content/themes/metal/images/volume-handle.png) 0 0 no-repeat; border: none; width: 20px; height: 20px; top: -7px; } .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle, .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-handle { display: block; } .mejs-container.mejs-audio .mejs-time-loaded { width: 0; background: #DBE0E4; } .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #DBE0E4; } .mejs-container.mejs-audio .mejs-time-rail .mejs-time-current { width: 0; } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: none; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float-corner { border: none; } /* End: Progress Bar */ /* Start: Mute/Volume */ .mejs-container.mejs-audio .mejs-controls .mejs-volume-button { width: 34px; height: 48px; display: block; } .mejs-container.mejs-audio .mejs-volume-button button { width: 24px; height: 24px; background: url(/metal/wp-content/themes/metal/images/volume-icon.png) 0 0 no-repeat transparent; } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider { height: 48px; width: 60px; position: relative; cursor: pointer; margin: 0 15px 0 0; } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; top: 21px; left: 0; width: 60px; height: 5px; margin: 0; padding: 0; font-size: 1px; background: #DBE0E4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; top: 21px; left: 0; width: 60px; height: 5px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { margin: 0; position: absolute; top: 14px; background: url(/metal/wp-content/themes/metal/images/volume-handle.png) 0 0 no-repeat; width: 20px; height: 20px; } /* End: Mute/Volume */ /* Transparent Audio Player */ .transparent-player .mejs-container.mejs-audio .mejs-controls { background: rgba(0, 0, 0, 0) linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0; } /* ================================================================ * MB YTPLAYER * ================================================================ */ /* last modified: 19/04/15 17.35 */ @charset"UTF-8"; @font-face { font-family: 'ytpregular'; src: url('/metal/wp-content/themes/metal/fonts/ytp-regular.eot'); } @font-face { font-family: 'ytpregular'; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'), url('/metal/wp-content/themes/metal/fonts/ytp-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } .mb_YTPlayer:focus { outline: 0; } .mbYTP_wrapper { display: block; transform: translateZ(0) translate3d(0, 0, 0); transform-style: preserve-3d; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } .mb_YTPlayer .loading { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, 0.51); text-align: center; padding: 2px 4px; border-radius: 5px; font-family: "Droid Sans", sans-serif; -webkit-animation: fade .1s infinite alternate; /* Chrome, Safari, Opera */ animation: fade .1s infinite alternate; } /* Chrome, Safari, Opera */ @-webkit-keyframes fade { 0% { opacity: .5; } 100% { opacity: 1; } } /* Standard syntax */ @keyframes fade { 0% { opacity: .5; } 100% { opacity: 1; } } .mb_YTPlayer.fullscreen { display: block!important; position: fixed!important; width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; margin: 0!important; border: none !important; opacity: 1 !important; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, .7); background: rgba(0, 0, 0, .5); } .inline_YTPlayer img { border: none!important; margin: 0!important; padding: 0!important; transform: none!important; } /*CONTROL BAR*/ .mb_YTPBar .ytpicon { font-size: 20px; font-family: 'ytpregular'; } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px; } .mb_YTPBar { transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; display: block; width: 100%; height: 10px; padding: 5px; background: #333; position: fixed; bottom: 0; left: 0; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: white; opacity: .1; box-sizing: border-box; } .mb_YTPBar.visible, .mb_YTPBar:hover { opacity: 1; } .mb_YTPBar .buttonBar { -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; background: transparent; font: 12px/14px Calibri; position: absolute; top: -30px; left: 0; padding: 5px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mb_YTPBar:hover .buttonBar { background: rgba(0, 0, 0, 0.4); } .mb_YTPBar span { display: inline-block; font: 16px/20px Calibri, sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle; } .mb_YTPBar span.mb_YTPTime { width: 130px; } .mb_YTPBar span.mb_YTPUrl, .mb_YTPBar span.mb_OnlyYT { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer; } .mb_YTPBar span.mb_YTPUrl img { width: 60px; } .mb_YTPBar span.mb_OnlyYT { left: 185px; right: auto; } .mb_YTPBar span.mb_OnlyYT img { width: 25px; } .mb_YTPBar span.mb_YTPUrl a { color: white; } .mb_YTPBar .mb_YTPPlaypause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img { cursor: pointer; } .mb_YTPBar .mb_YTPMuteUnmute { cursor: pointer; } /*PROGRESS BAR*/ .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0; } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0; } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0; background: #bb110e; bottom: 0; left: 0; box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px; } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: "flat"; box-sizing: border-box; } /*RASTER OVERLAY*/ .YTPOverlay.raster { background: url("/metal/wp-content/themes/metal/images/raster.png"); } .YTPOverlay.raster.retina { background: url("/metal/wp-content/themes/metal/images/raster@2x.png"); } .YTPOverlay.raster-dot { background: url("/metal/wp-content/themes/metal/images/raster_dot.png"); } .YTPOverlay.raster-dot.retina { background: url("/metal/wp-content/themes/metal/images/raster_dot@2x.png"); } /* --------------------------------------------------- GLOBAL ------------------------------------------------------- */ body { color: #333; font-weight: 400; font-family: Microsoft YaHei,Georgia, "Times New Roman", Times, serif; background: #fff; line-height: 1.8; margin: 0; overflow-x: hidden; -webkit-font-smoothing: antialiased !important; position: relative; } p { -webkit-font-smoothing: antialiased !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; margin-top: 0; margin-bottom: 15px; letter-spacing:1px; } .typo-thin, .typo-thin h1, .typo-thin h2, .typo-thin h3, .typo-thin h4, .typo-thin h5, .typo-thin h6, .typo-thin p { font-weight: 300; } .typo-dark h1 > a, .typo-dark h2 > a, .typo-dark h3 > a, .typo-dark h4 > a, .typo-dark h5 > a, .typo-dark h6 > a { color: #333; } .typo-light h1 > a, .typo-light h2 > a, .typo-light h3 > a, .typo-light h4 > a, .typo-light h5 > a, .typo-light h6 > a { color: #fff; } label { font-size: 13px; } legend { margin-bottom: 20px !important; padding-bottom: 20px; } /* LINKS */ a { outline: none; -webkit-transition: all 0.14s ease 0s; -moz-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; } a:hover, a:focus, a:active { color: #333; text-decoration: none; } a:focus, .btn:focus, .btn:active:focus, .btn.active:focus { outline: none; outline-offset: 0; } /* TEXT ELEMENTS */ blockquote p { font-style: italic; } dd { margin-bottom: 1em; } .text-uppercase.desc { font-size: 12px; font-weight: 600; margin-bottom: 10px; } /* ALIGNMENT */ .alignleft { display: inline; float: left; margin: 0 1.5em 1.5em 0; } .alignright { display: inline; float: right; margin: 0 0 1.5em 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* TABLES */ table { width: 100%; margin-bottom: 20px; } table th, table td { padding: 8px; line-height: 20px; vertical-align: top; border-top: 1px solid #e1e1e1; } table th { font-weight: bold; } table thead th { vertical-align: bottom; } table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 0; } table tbody + tbody { border-top: 2px solid #ddd; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } iframe { border: none; } /* CLEARING */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } * html .clearfix { height: 1%; } *:first-child+html .clearfix { min-height: 1px; } .clear { clear: both; } img { max-width: 100%; height: auto; } /* BLOCKQUOTE */ blockquote, .blockquote-reverse { border-left: none; border-right: none; padding: 12px 40px; position: relative; font-size: 15px; color: #606060; display: inline-block; } blockquote p{ font-family: Georgia; font-size: 18px; font-weight: normal; } .img-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /* Insert the pseudo element - replicating what FontAwesome does */ blockquote footer, blockquote small, blockquote .small { font-weight: 500; } blockquote blockquote { padding: 0; margin: 0; } blockquote blockquote:before, blockquote blockquote:after { content: none; } blockquote, .blockquote-reverse { font-size: 28px; font-weight: 700; } /* Blockqoute Plain */ .blockquote-plain { font-family: georgia; font-size: 20px; font-style: italic; line-height: 36px; } /* Button */ .btn, .btn.btn-default, button[type="submit"], .vc_general.vc_btn3.vc_btn3-color-primary-bg, .vc_btn.vc_btn-primary-bg, .vc_general.vc_btn3.vc_btn3-color-juicy-pink, .btn-modal.btn-primary { border: none; line-height: 22px; font-weight: normal; outline: none; padding: 9px 20px; color: #333333; border-bottom: 2px solid rgba(0, 0, 0, .2); border-radius: 2px; -ms-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; transition: all 0.4s ease-in-out 0s!important; -moz-transition: all 0.4s ease-in-out 0s!important; -webkit-transition: all 0.4s ease-in-out 0s!important; -o-transition: all 0.4s ease-in-out 0s!important; -ms-transition: all 0.4s ease-in-out 0s!important; } .bg-style.bg-normal .btn, .btn.btn-default, input[type="submit"], .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-primary-bg, .bg-style.bg-normal .vc_btn.vc_btn-primary-bg, .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-juicy-pink { background: #333; } button[type="submit"]{color:#FFF} .bg-style.bg-normal .btn:hover, .btn.btn-default:hover, input[type="submit"]:hover, button[type="submit"]:hover, .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-primary-bg:hover, .bg-style.bg-normal .vc_btn.vc_btn-primary-bg:hover, .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-color-juicy-pink:hover { background-color: rgba(0, 0, 0, 0.8); color: #fff; } .vc_btn, a.vc_btn, button.vc_btn, .vc_btn:hover, a.vc_btn:hover, button.vc_btn:hover, .vc_btn:focus, a.vc_btn:focus, button.vc_btn:focus { border: none; } .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg { background: transparent; border: 1px solid; padding: 8px 20px; } .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg:hover { border: 1px solid; } .bg-skin-dark .vc_general.vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary-bg:hover { color: #fff; } .btn.square { border-radius: 0!important; -ms-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; -webkit-border-radius: 0!important; } .btn.white { color: #fff; } /*Btn large*/ .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-size-lg, .vc_btn3.vc_btn3-size-lg { padding-top: 20px; padding-bottom: 20px; font-weight: 900; } .btn:hover, .btn:focus, .btn.btn-default:hover, .btn.btn-default:focus, input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus, .btn-modal.btn-primary:hover, .btn-modal.btn-primary:active, .btn-modal.btn-primary:focus { color: #fff; } .btn.btn-transparent-white, .btn.btn-transparent-white-inverse, .btn.btn-transparent-black, .btn.btn-transparent-black-inverse, .btn.btn-transparent-color, .btn.btn-transparent-color-inverse { font-weight: 600; } .btn-transparent-white, .btn.btn-transparent-white, .btn-transparent-white-inverse:hover, .btn.btn-transparent-white-inverse:hover { background: transparent; border: 2px solid #fff; color: #fff; } .btn-transparent-white:hover, .btn.btn-transparent-white:hover, .btn-transparent-white-inverse, .btn.btn-transparent-white-inverse { background: #fff; border: 2px solid #fff; } .btn-transparent-black, .btn.btn-transparent-black, .btn-transparent-black-inverse:hover, .btn.btn-transparent-black-inverse:hover { background: transparent; border: 2px solid #333333; color: #333333; } .btn-transparent-black:hover, .btn.btn-transparent-black:hover, .btn-transparent-black-inverse, .btn.btn-transparent-black-inverse { background: #333333; border: 2px solid #333333; } .btn-transparent-color, .btn.btn-transparent-color, .btn-transparent-color-inverse:hover, .btn.btn-transparent-color-inverse:hover { background: transparent; border: 2px solid; } .btn-transparent-color:hover, .btn.btn-transparent-color:hover, .btn-transparent-color-inverse, .btn.btn-transparent-color-inverse { border: 2px solid; color: #fff; } .btn:active, .btn.active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .btn.btn-wide { width: 100%; max-width: 205px; } .btn-top-margin { margin-top: 10px; } .search-form .btn, .zozo-mailchimp-form .btn { font-size: 13px; font-weight: 400; } .zozo-mailchimp-form .btn > i { top:0; vertical-align:middle; } .widget .btn { padding-top: 10px; padding-bottom: 10px; } .btn-search { background: transparent; } .btn-search:hover, .btn-search:active, .btn-search:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active { background-color: #333; color: #fff; } .inline-block, .inline-title { display: inline-block; } .no-padding { padding: 0; } .zozo-rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } .pager li > a, .pager li > span { margin-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; color: #333; } .pager li > a > i { font-weight: 700; font-size: 15px; } .pager li.previous > a > i { padding-right: 5px; } .pager li.next > a > i { padding-left: 5px; } .input-group-addon { background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; font-size: 18px; padding-right: 0; } .zozo-input-group-addon input.form-control { border-left: none; } .input-group-btn .btn { height: 40px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: 0; } .input-group .form-control:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .zozo-top-anchor { display: block; position: absolute; top: 0; font-size: 0; height: 0; line-height: 0; top: 0; } hr { width: 100%; display: inline-block; margin-top: 45px; margin-bottom: 45px; } /* SELECT BOX */ select { padding: 5px 10px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #e1e1e1; border-radius: 3px; -ms- border-radius: 3px; -moz- border-radius: 3px; -o- border-radius: 3px; -webkit- border-radius: 3px; box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -ms-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -o-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; font-size: 12px; height: 40px; padding: 6px 12px; color: #333; vertical-align: middle; width: 100%; } select option { padding: 10px; } /* Password Form */ .post-password-form label input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #e1e1e1; border-radius: 3px; box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; font-size: 12px; height: 40px; line-height: 40px; margin-bottom: 22px; min-height: 40px; padding: 0 12px; } /* ================================================================ * WordPress Core * ================================================================ */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* ================================================================ * HIGHTLIGHT * ================================================================ */ .text-hightlight { background: #ccc; color: #fff; } /* ================================================================ * JUMBOTRON * ================================================================ */ .jumbotron p { margin-top: 20px; margin-bottom: 0; } /* ================================================================ * PAGE LOADER * ================================================================ */ .pageloader { background: #fff; height: 100%; position: fixed; top: 0; width: 100%; z-index: 99999; } .pageloader .zozo-custom-loader { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0 auto; text-align: center; } .pageloader .zozo-custom-loader .custom-loader-img, .pageloader .zozo-custom-loader .page-loader-img { display: inline-block; } /* ================================================================ * PAGE HEADERS * ================================================================ */ .page-title-section { background-image: url("../images/page-title-bg.png"); background-color:#f7f7f7; border-bottom: 1px solid #e1e1e1; margin: 0; } .page-title-section .page-title-captions h1.entry-title{ font-size: 32px; font-weight: 700; line-height: 1; margin:0; text-transform:uppercase; letter-spacing:2px; } .page-title-section .page-title-captions .page-entry-slogan { font-size: 15px; font-weight: 400; letter-spacing: 1px; margin-bottom: 10px; margin-top: 10px; text-transform: capitalize; } .page-entry-slogan > p { font-size: 14px; max-width: 500px; margin: 0 auto; } .page-title-section { display: table; height: 125px; width: 100%; padding: 10px 0; } .page-title-section .page-title-wrapper { display: table-cell; vertical-align: middle; } /*Breadcrumbs*/ .page-title-section .page-title-wrapper .page-title-container { position: relative; } .page-title-section .page-title-captions h1 { width: 70%; } .page-title-section.page-titlealign-right .page-title-captions h1 { width:100%; } .page-title-section .page-title-breadcrumbs { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .page-title-section .page-title-breadcrumbs .zozo-breadcrumbs { color: #7f7f7f; } .page-title-section .page-title-breadcrumbs .zozo-breadcrumbs a { color: #333333; } .page-title-section .page-title-breadcrumbs .zozo-breadcrumbs .zozo-breadcrumb-sep { padding: 0 5px; } .zozo-breadcrumbs .zozo-breadcrumb-sep:last-child { display: none; } /*Title Right*/ .page-title-section.page-titlealign-right .page-title-captions { text-align: right; } .page-title-section.page-titlealign-right .page-title-breadcrumbs { right: auto; left: 15px; } /*Title Center*/ .page-title-section.page-titlealign-center .page-title-captions h1 { width: 100%; margin-bottom: 10px; } .page-title-section.page-titlealign-center .page-title-captions { text-align: center; margin: 0 auto; } .page-title-section.page-titlealign-center .page-title-breadcrumbs { position: relative; right: auto; transform: none; } .page-title-section.page-titlealign-center .page-title-captions .page-entry-slogan { margin-bottom: 5px; } /*Title Mini*/ .page-title-section.page-titletype-mini .page-title-captions h1.entry-title { font-size: 16px; margin-bottom: 0; } .page-title-section.page-titletype-mini .page-title-captions .page-entry-slogan { font-size: 13px; margin: 0; } /*Title Dark*/ .page-title-section.page-titleskin-dark { background: #252525; color: #fff; } .page-title-section.page-titleskin-dark .page-title-breadcrumbs .zozo-breadcrumbs, .page-title-section.page-titleskin-dark .page-title-breadcrumbs .zozo-breadcrumbs a:hover, .page-title-section.page-titleskin-dark .page-title-breadcrumbs .zozo-breadcrumbs a:focus { color: #fff; } /* Page Title Image Overlay */ /*.page-title-image-bg:after { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); } .page-titleskin-dark.page-title-image-bg:after { background: rgba(0, 0, 0, 0.5); }*/ .page-title-image-bg { position: relative; } .page-title-wrapper { position: relative; z-index: 1; } /* Page Title Description */ .page-entry-slogan > p { font-size: 14px; max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 0; } /* ================================================================ * HEADER * ================================================================ */ /*Boxed Header*/ .boxed-header .is-sticky .header-main-section, .boxed .is-sticky .header-main-section { max-width: 1200px; margin: 0 auto; } /* ================================================================ * LINE HEIGHTS AND HEIGHTS [HEADER AND HEADER TOP] * ================================================================ */ .header-section .header-top-section .top-bar-item { line-height: 50px; height: 50px; } .header-section .header-top-section .form-control, .header-section .header-top-section .input-group-btn .btn { line-height: 30px; min-height: 30px; height: 30px; } .header-section .header-top-section .input-group-btn .btn { line-height: initial; } /* HEADER LOGO SECTION */ .header-section .header-logo-section .logo-bar-item, .header-section .header-logo-section .logo-bar-item .zozo-main-nav li > a, .header-section .header-logo-section .navbar-header .navbar-brand, .header-section.type-header-6 .header-logo-section li.header-top-cart { line-height: 76px; height: 76px; } .header-section .header-logo-section .search-form { height: 76px; } .type-header-6 .header-logo-section .zozo-logo-bar { height: 76px; line-height: 76px; vertical-align: middle; } /* HEADER MAIN SECTION */ .header-section.type-header-10 .header-sidenav-section .header-main-section { height: auto; } .header-section .header-main-section .navbar-header .navbar-brand, .header-section .header-main-section .zozo-main-nav > li, .header-section .header-main-section .zozo-main-nav > li > a, .header-section .header-main-section .main-bar-item, .header-section .header-main-section .toggle-bar-item, .header-section .header-main-section .header-toggle-content, .type-header-9 .navbar-nav.zozo-main-bar > li, .type-header-9 .navbar-nav.zozo-main-bar > li a { line-height: 50px; height: 50px; } .header-section .is-sticky .header-main-section .navbar-header .navbar-brand, .header-section .is-sticky .header-main-section .zozo-main-nav > li, .header-section .is-sticky .header-main-section .zozo-main-nav > li > a, .header-section .is-sticky .header-main-section .main-bar-item, .header-section .is-sticky .header-main-section .toggle-bar-item, .header-section .is-sticky .header-main-section .header-toggle-content, .type-header-9 .is-sticky .navbar-nav.zozo-main-bar > li, .type-header-9 .is-sticky .navbar-nav.zozo-main-bar > li a { line-height: 50px; height: 50px; } /* HEADER FULL WIDTH MENU */ .header-section.header-fullwidth-menu .header-main-section { height: 50px; } .header-section.header-fullwidth-menu .header-main-section .navbar-header .navbar-brand, .header-section.header-fullwidth-menu .header-main-section .zozo-main-nav > li, .header-section.header-fullwidth-menu .header-main-section .zozo-main-nav > li > a, .header-section.header-fullwidth-menu .header-main-section .main-bar-item { line-height: 50px; height: 50px; } /* ================================================================ * HEADER TOP SECTION * ================================================================ */ /* HEADER TOP LEFT */ .header-top-section { border-bottom: 1px solid #cccccc; } .header-top-section ul { list-style: none; padding: 0; margin: 0; } .header-top-section .top-bar-item { display: inline-block; margin-right: 15px; vertical-align: middle; } /* HEADER TOP RIGHT */ .header-top-section .zozo-top-right { text-align: right; } .header-top-section .zozo-top-right .top-bar-item { margin: 0 0 0 15px; } /* CONTACT INFO */ .header-contact-details { padding: 0; } .header-contact-details > li { display: inline-block; position: relative; margin-right: 15px; color:#FFF; } .header-contact-details > li:last-child { margin-right: 0; } .header-contact-details > li.header-phone:before { content: "\f095"; font-family: FontAwesome; padding-right: 10px; } .header-contact-details > li.header-email:before { content: "\f0e0"; font-family: FontAwesome; padding-right: 10px; } /* SOCIAL ICONS */ .header-section .zozo-social-icons li { margin: 0 5px 0 0; line-height: normal; height: auto; } .header-section .zozo-social-icons li:last-child { margin-right: 0; } .header-section .zozo-social-icons li a, .header-section .zozo-social-icons li a i { color: #fff; } .header-section .zozo-social-icons.soc-icon-transparent li a, .header-section .zozo-social-icons.soc-icon-transparent li a i { color: #FFF; } .header-top-section .zozo-social-icons.soc-icon-rounded li a { border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; } /*SEARCH BAR*/ .header-section .header-top-section .top-bar-item.item-search { line-height: normal; } .header-search-form .search-form { display: table-cell; height: 50px; vertical-align: middle; } .header-search-form .search-form .form-control { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .header-top-section .search-form .input-group-btn .btn-search, .header-top-section .search-form .input-group-btn .btn-search:hover { padding: 6px 10px; line-height: 18px; } .header-top-section ul > li.extra-nav.search-nav, .header-top-section ul > li.extra-nav.search-nav .search-form .input-group .form-control, .header-top-section .form-control { line-height: normal; } /* HEADER DETAILS BOX */ .header-details-box { margin-right: 15px; display: inline-block; } .header-details-box:last-child { margin-right: 0; } .header-details-box .header-details-icon { float: left; min-width: 20px; margin-right: 15px; font-size: 26px; } .header-details-info { display: inline-block; line-height: normal; vertical-align: middle; } .header-details-info p, .header-details-info strong, .header-details-info span { line-height: 20px; } .header-details-info > span, .header-details-info > span > a { display: block; color: #999; font-size: 13px; } /* HEADER TOP MENU */ .header-top-section .top-menu-navigation .navbar-nav { margin: 0 -15px; } .header-top-section .top-menu-navigation .navbar-nav > li:after { position: absolute; width: 1px; height: 20px; background: #e1e1e1; content: ""; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header-top-section .top-menu-navigation .navbar-nav > li:last-child:after { content: none; } .header-top-section .top-menu-navigation .navbar-nav > li > a { padding: 0 15px; line-height: inherit; position: relative; } .header-top-section .top-menu-navigation .navbar-nav > li > a:hover, .header-top-section .top-menu-navigation .navbar-nav > li > a:focus { background: none; } .header-main-bar-sidemenu > a { color: #2b2b2b; } /* ================================================================ * HEADER LOGO SECTION * ================================================================ */ .header-section .header-logo-section .logo-bar-item { display: inline-block; vertical-align: middle; float: left; padding: 0 15px 0 0; } .header-section .header-logo-section .logo-bar-item.item-search { line-height: normal; } .header-section .header-logo-section .logo-bar-item .zozo-main-nav { margin: 0 -15px; } .header-section .header-logo-section .logo-bar-item .dropdown-menu li, .header-section .header-logo-section .logo-bar-item .dropdown-menu li > a { line-height: normal; height: auto; } .header-section.header-fullwidth-menu .header-logo-section { border-bottom: 1px solid #e1e1e1; } .header-logo-section .zozo-header-logo-bar .extra-nav { margin-right: 15px; display: block; } .header-logo-section .zozo-header-logo-bar .search-form { min-width: 350px; } /* ================================================================ * LOGO * ================================================================ */ /* Dont touch */ .zozo-logo a.navbar-brand { display: block; max-height: 100%; height: 100%; text-align: left; font: 0/0 a; } .zozo-logo a.navbar-brand:before { /* create a full-height inline block pseudo=element */ content: ' '; display: inline-block; vertical-align: middle; /* vertical alignment of the inline element */ height: 100%; } .zozo-logo.has-img a.navbar-brand { line-height: 0; } .zozo-logo .navbar-brand img { height: auto; max-height: 100%; width: auto; display: inline-block; vertical-align: middle; } .zozo-logo .navbar-brand img.zozo-retina-logo, .zozo-logo .navbar-brand h1.retina-text-logo { display: none; width: auto; } /* STICKY LOGO */ .header-sticky.is-sticky .zozo-no-sticky-logo .navbar-brand > img.zozo-standard-logo { max-height: 30px; max-width: 100%; width: auto; } .zozo-has-sticky-logo .navbar-brand > img.zozo-sticky-logo { display: none; } .is-sticky .zozo-has-sticky-logo .navbar-brand > img.zozo-standard-logo, .is-sticky .zozo-has-sticky-logo .navbar-brand h1.standard-text-logo, .is-sticky .zozo-has-sticky-logo .navbar-brand > img.zozo-retina-logo, .is-sticky .zozo-has-sticky-logo .navbar-brand h1.retina-text-logo { display: none; } .is-sticky .zozo-has-sticky-logo .navbar-brand > img.zozo-sticky-logo { display: inline-block; } .zozo-logo .zozo-text-logo { float: left; } .zozo-logo .zozo-text-logo .logo-h1 { margin: 0; line-height: inherit; } /* ================================================================ * MOBILE HEADER * ================================================================ */ .mobile-header-section { display: none; background: #fff; } .mobile-header-section a { color: #333; } .header-mobile-main-section.navbar { margin-bottom: 0; } .header-mobile-sticky .mobile-header-section { position: relative; width: 100%; } .is-sticky .mobile-header-section, .is-sticky .header-transparent.mobile-header-section, .is-sticky .header-semi-transparent.mobile-header-section { background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); left: 0; position: relative; right: 0; top: 0; width: 100%; z-index: 99; } .zozo-mobile-logo { text-align: center; height: auto; } .zozo-mobile-logo.logo-right { float: right; } .zozo-mobile-logo.has-img { max-width: 50%; } .mobile-left-logo .zozo-mobile-logo { float: left; text-align: left; } .mobile-right-logo .zozo-mobile-logo { float: right; text-align: right; } .zozo-mobile-logo a.navbar-brand { height: auto; overflow: hidden; display: block; margin: 0 auto; max-width: 100%; } .zozo-mobile-logo.logo-center a.navbar-brand { text-align: center; } .zozo-mobile-logo a.navbar-brand img { display: inline-block; height: auto; max-height: 100%; width: auto; max-width: 100%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .mobile-header-items-wrap > div { display: inline-block; margin-left: 15px; } /* MOBILE MENU VARIATION */ /* LOGO RIGHT & LEFT */ .header-mobile-sticky { height: auto!important; } .header-mobile-left-logo .mobile-header-items-wrap, .header-mobile-right-logo .mobile-header-items-wrap, .header-mobile-center-logo .mobile-header-items-wrap.items-right, .header-mobile-center-logo-alt .mobile-header-items-wrap.items-right { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header-mobile-right-logo .mobile-header-items-wrap { right: auto; left: 0; } /* CENTER LOGO */ .mobile-header-items-wrap.items-left > div { margin: 0 15px 0 0; } .mobile-header-items-wrap.items-right > div { margin: 0 0 0 15px; } .header-mobile-center-logo .mobile-header-items-wrap, .header-mobile-center-logo .zozo-mobile-logo, .header-mobile-center-logo-alt .mobile-header-items-wrap, .header-mobile-center-logo-alt .zozo-mobile-logo { display: inline-block; vertical-align: middle; } .header-mobile-center-logo .zozo-mobile-logo { margin-left: 0; } /* MOBILE MENU & MOBILE CART */ .mobile-menu-wrapper, .mobile-cart-wrapper { display: block; position: fixed; /*top: 0;*/ left: -75%; z-index: 100; width: 75%; height: 100%; background: #fff; border-right: 1px solid #e1e1e1; overflow-y: scroll; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .mobile-menu-wrapper.mobile-menu-right, .mobile-cart-wrapper.mobile-cart-right { border-left: 1px solid #e1e1e1; right: -75%; left: auto; } .mobile-menu-open .mobile-menu-wrapper.mobile-menu-left { left: 0; } .mobile-menu-open .mobile-menu-wrapper.mobile-menu-right { right: 0; } .mobile-cart-open .mobile-cart-wrapper.mobile-cart-left { left: 0; } .mobile-cart-open .mobile-cart-wrapper.mobile-cart-right { right: 0; } a.menu-bars-link { line-height: inherit !important; width: 20px; height: 16px !important; display: inline-block; text-indent: -9999em; position: relative; vertical-align: middle; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); position: relative; /*margin-top: -3px;*/ overflow: hidden; } .mobile-menu-item a.menu-bars-link { transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); } a.menu-bars-link span, a.menu-bars-link span:before, a.menu-bars-link span:after { webkit-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); -moz-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); -o-transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); transition: all 0.5s cubic-bezier(0, 0.275, 0.125, 1); background-color: #1d1d1d; display: block; position: absolute; width: 20px; height: 2px; left: 0; } a.menu-bars-link span:before, a.menu-bars-link span:after { content: ""; } a.menu-bars-link span { top: 6px; } a.menu-bars-link span:before { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; top: -6px; z-index: 10; } a.menu-bars-link span:after { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 6px; } .mobile-menu-open .mobile-menu-item a.menu-bars-link span { background-color: transparent !important; } .mobile-menu-open .mobile-menu-item a.menu-bars-link span:before { -webkit-transform: translateY(7px) translateX(1px) rotate(45deg); -moz-transform: translateY(7px) translateX(1px) rotate(45deg); -ms-transform: translateY(7px) translateX(1px) rotate(45deg); -o-transform: translateY(7px) translateX(1px) rotate(45deg); transform: translateY(7px) translateX(1px) rotate(45deg); } .mobile-menu-open .mobile-menu-item a.menu-bars-link span:after { -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg); -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg); -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg); -o-transform: translateY(-6px) translateX(1px) rotate(-45deg); transform: translateY(-6px) translateX(1px) rotate(-45deg); } .mobile-menu-wrapper .mobile-menu-item { text-align: center; margin-top: 15px; } .mobile-cart-wrapper .woo-cart .cart-icon { display: none; } .mobile-cart-wrapper .woo-cart .woo-cart-contents { opacity: 1; visibility: visible; background: transparent; border: none; position: relative; top: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-top: 15px; } .mobile-cart-wrapper .woo-cart-contents .woo-cart-item { position: relative; } /* MOBILE TOGGLE SEARCH */ .mobile-search-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.9); -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .mobile-search-open .mobile-search-wrapper { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .mobile-search-wrapper .mobile-search-inner { position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .mobile-search-wrapper .mobile-search-inner .form-control { border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border: none; background: transparent; border-bottom: 2px solid #fff; font-size: 20px; color: #fff; } .mobile-search-wrapper .mobile-search-inner .btn.btn-search { background: transparent; color: #fff; font-size: 20px; padding-right: 5px; position: absolute; right: 0; top: -5px; } .mobile-search-wrapper .mobile-search-close { position: absolute; top: 20px; right: 20px; font-size: 20px; -webkit-transform: scale(0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; } .mobile-search-open .mobile-search-wrapper .mobile-search-close { opacity: 0.8; -webkit-transform: scale(1); } .mobile-search-open .mobile-search-wrapper .mobile-search-close:hover { opacity: 1; } /* MOBILE SEARCH */ .mobile-search-form { padding: 15px; border-bottom: 1px solid #e1e1e1; } .mobile-search-form input { width: 100%; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; padding: 0 15px; } /* Mobile Menu */ .main-mobile-navigation-wrapper { position: relative; } .main-mobile-nav .zozo-main-nav { padding: 0; margin: 0; } /* ================================================================ * M-MENU * ================================================================ */ .main-mobile-nav .zozo-main-nav li a, .main-mobile-nav .mobile-sub-menu li a, .mobile-megamenu-enabled h6.zozo-megamenu-title { color: #333; display: block; font-size: 12px; padding: 10px 10px 10px 20px; text-transform: uppercase; border-bottom: 1px solid #e1e1e1; margin-bottom: 0; } .mobile-megamenu-enabled h6.zozo-megamenu-title > a { padding: 0; border: none; } .main-mobile-nav .zozo-main-nav .submenu-toggle { border-left: 1px solid #e1e1e1; color: #383838; cursor: pointer; position: absolute; line-height: 45px; top: 0; bottom: 0; right: 0; text-align: center; width: 40px; z-index: 100; } .main-mobile-nav .zozo-main-nav .toggle-wrapper { position: relative; } .main-mobile-nav .zozo-main-nav li { position: static; } .main-mobile-nav .zozo-main-nav li .mobile-sub-menu { background-color: #fff; left: 0; min-height: 100%; opacity: 1; position: absolute; top: 0; display: block; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); visibility: visible; width: 100%; padding: 0; list-style: outside none none; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .main-mobile-nav .zozo-main-nav li .mobile-sub-menu > li.back-to-menu > a { font-weight: 600; padding-left: 30px; position: relative; } .main-mobile-nav .zozo-main-nav li .mobile-sub-menu > li.back-to-menu > a:before { content: "\f104"; font-family: FontAwesome; left: -10px; position: relative; } .main-mobile-nav .zozo-main-nav li .mobile-sub-menu.sub-menu-active { transform: translateX(0px) !important; -moz-transform: translateX(0px) !important; -webkit-transform: translateX(0px) !important; -ms-transform: translateX(0px) !important; -o-transform: translateX(0px) !important; z-index: 999; } .mobile-menu-wrapper.mobile-menu-right .main-mobile-nav .zozo-main-nav li .mobile-sub-menu { transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); } /* end/ Dont Touch */ /* ================================================================ * HEADER MAIN SECTION * ================================================================ */ .header-section .header-top-section{height:94px;} .header-section .header-logo-section, .header-section .header-main-section { background: #fff; } .header-section a{color:#FFF} .mobile-cart-wrapper a, .mobile-menu-wrapper a { color: #2b2b2b; } .navbar-header { position: relative; } .navbar-header .navbar-brand, .navbar-brand { padding-top: 0; padding-bottom: 0; } .navbar-right .navbar-brand { margin: 0 -15px 0 0; } .header-sticky { position: relative; z-index: 99; } .header-section .navbar { margin-bottom: 0; width: 100%; border: none; min-height: 0; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; } .zozo-main-nav > li > a { padding-bottom: 0; padding-top: 0; color: #2b2b2b; font-size: 12px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; transition: none; -ms-transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; } .zozo-main-nav > li > a { padding-bottom: 0; padding-top: 0; } .zozo-main-nav > li > a > .caret { display: none; } .zozo-main-nav > li > a:hover, .zozo-main-nav > li > a:focus, .zozo-main-nav.nav > li > a:focus, .zozo-main-nav.nav > li > a:hover { background: transparent; } .navbar-nav.zozo-main-bar > li, .navbar-nav.zozo-logo-bar > li { position: static; } /* MAIN SEPARATOR */ .menu-style-separator .zozo-main-nav > li { background-image: url("/metal/wp-content/themes/metal/images/menu-separator.png"); background-position: right center; background-repeat: no-repeat; } .menu-style-separator .zozo-main-nav > li:last-child { background: none; } /* MAIN BAR ITEM */ .header-main-section .main-bar-item, .header-main-section .toggle-bar-item, .header-main-section .toggle-bar-item .toggle-bar-item-level { display: inline-block; vertical-align: middle; margin-right: 15px; min-width: 15px; } .header-main-section .toggle-bar-item .toggle-bar-item-level:last-child { margin-right: 0; } .header-main-section .main-bar-item.item-search-toggle .search-trigger { cursor: pointer; } .header-main-section .main-bar-item.item-main-menu { margin-right: 0; } .header-main-section .navbar-right .main-bar-item.item-main-menu { margin-left: -15px; } /* NAV BAR LEFT */ .header-main-section .zozo-header-main-bar .navbar-left { margin-left: 0; } .header-main-section .zozo-header-main-bar .navbar-left .zozo-main-nav > li:first-child > a { padding-left: 0; } /* NORMAL SEARCH */ .header-main-section .main-bar-item.item-main-search { position: relative; cursor: pointer; } .header-main-section .main-bar-item .search-form { position: absolute; right: 0; line-height: normal; width: 220px; display: none; top: 100%; z-index: 50; } .header-main-section .main-bar-item .search-form { position: absolute; right: 0; line-height: normal; width: 220px; display: none; top: 100%; z-index: 50; } .header-main-section .navbar-left .main-bar-item .search-form { right: auto; left: 0; } .header-main-section .main-bar-item .search-form .btn.btn-search { padding: 9px 12px; } /*STICKY*/ .is-sticky .header-main-section { z-index: 99; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); background: #fff; left: 0; right: 0; } .is-sticky .header-main-section:after { position: absolute; top: 0px; width: 100%; } /* DROP DOWN MENU */ .dropdown-menu, .navbar-right .dropdown-menu { background: #FFFFFF; min-width: 200px; border: none; border-width: 3px 0 0; border-style: solid; padding: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; display: block; opacity: 0; visibility: hidden; left: 0; right: auto; } .dropdown-menu li { position: relative; } .dropdown-menu > li a, .dropdown-menu .sub-menu a, .zozo-megamenu .menu-item > a, .mobile-sub-menu > li > a, .zozo-main-nav .zozo-megamenu-submenu li > a { padding: 10px 15px; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; color: inherit; } .dropdown-menu li:before { border-bottom: 1px solid #eeeeee; content: ""; display: block; height: 1px; margin: 0 15px; } .dropdown-menu li:first-child:before { content: none; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li.dropdown:hover > a, .sub-menu > li > a:focus, .sub-menu > li > a:hover, .sub-menu > li.dropdown:hover > a { background: none; padding-left: 20px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background: none; } .zozo-megamenu .menu-item > a:hover, .zozo-megamenu .menu-item > a:focus, .zozo-main-nav .zozo-megamenu-submenu li > a:hover, .zozo-main-nav .zozo-megamenu-submenu li > a:focus { padding-left: 5px; } .dropdown-menu > li.dropdown:after, .sub-menu > li.dropdown:after { content: "\f105"; font-family: FontAwesome; position: absolute; color: inherit; line-height: normal; top: 15px; right: 12px; font-size: 10px; } .dropdown-menu > li.dropdown:hover:after, .sub-menu > li.dropdown:hover:after { content: "\f104"; } /* SUB MENU */ .dropdown-menu .sub-menu { left: 100%; position: absolute; top: -3px; padding: 0; margin: 0; min-width: 200px; list-style: none; display: block; opacity: 0; border: none; border-width: 3px 0 0; border-style: solid; visibility: hidden; background: #FFFFFF; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .zozo-main-nav .dropdown-menu > li a, .zozo-main-nav .dropdown-menu .sub-menu a, .zozo-main-nav .zozo-megamenu-submenu li > a, .zozo-main-nav .zozo-megamenu .menu-item > a, .header-section .header-logo-section .logo-bar-item .zozo-main-nav .zozo-megamenu li, .header-section .header-logo-section .logo-bar-item .zozo-main-nav .zozo-megamenu-submenu li, .header-section .header-logo-section .logo-bar-item .zozo-main-nav .zozo-megamenu-submenu li > a { height: auto; line-height: 20px; } .zozo-main-nav.navbar-nav.navbar-right li:last-child .dropdown-menu .sub-menu, .logo-bar-item .zozo-main-nav.navbar-nav li:last-child .dropdown-menu .sub-menu { right: 100%; left: auto; } .dropdown-menu .sub-menu a { clear: both; display: block; line-height: 1.42857; white-space: nowrap; } .dropdown:hover .dropdown-menu, .dropdown-menu .dropdown:hover > .sub-menu, .sub-menu .dropdown:hover > .sub-menu, .zozo-megamenu-menu.dropdown:hover .zozo-megamenu-wrapper, .header-top-cart:hover .woo-cart-contents { visibility: visible; opacity: 1; transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; } .zozo-main-nav.navbar-nav li:last-child .dropdown-menu .sub-menu, .zozo-main-nav.navbar-nav li:nth-last-child(2) .dropdown-menu .sub-menu { left: auto; right: 100%; } .zozo-main-bar.zozo-vertical-side-bar .zozo-main-nav.navbar-nav li:last-child .dropdown-menu .sub-menu, .zozo-main-bar.zozo-vertical-side-bar .zozo-main-nav.navbar-nav li:nth-last-child(2) .dropdown-menu .sub-menu { left: 100%; right: 0; } /* MEGA MENU */ .nav > li.zozo-megamenu-menu { position: static; } .nav.navbar-nav.zozo-vertical-side-bar .zozo-main-nav > li.zozo-megamenu-menu { position: relative; } .zozo-megamenu-wrapper { background: #ffffff; left: 0; position: absolute; right: 0; width: 100%; opacity: 0; top: auto; visibility: hidden; border: none; border-width: 3px 0 0; border-style: solid; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); z-index: 99; } .nav.navbar-nav.zozo-vertical-side-bar .zozo-main-nav > li.zozo-megamenu-menu .zozo-megamenu-wrapper { top: 0; } .zozo-megamenu-wrapper.megamenu-fullwidth { padding: 0 15px; } .zozo-megamenu-container, .zozo-megamenu, .zozo-megamenu .zozo-megamenu-submenu .sub-menu { list-style: none; } .zozo-megamenu { padding: 10px 0; width: 100%; } .zozo-megamenu > li { padding: 10px 15px; text-align: left; } .zozo-main-nav.navbar-nav .zozo-megamenu .zozo-megamenu-submenu .sub-menu { margin: 0; padding: 0; border: none !important; } .zozo-megamenu .menu-item > a, .zozo-main-nav .zozo-megamenu-submenu li > a { padding: 10px 0; display: block; } .zozo-main-nav .zozo-megamenu-submenu li:before { border-bottom: 1px solid #eeeeee; content: ""; display: block; height: 1px; margin: 0 auto; } .zozo-main-nav .zozo-megamenu-submenu li:first-child:before { content: none; } .zozo-main-nav.navbar-nav li .zozo-megamenu-container .zozo-megamenu .zozo-megamenu-title > a, .zozo-megamenu-title { text-transform: uppercase; font-size: 16px; } .zozo-megamenu-bullet { display: none; } /* MEGA MENU WIDGETS */ .zozo-megamenu-widgets-container .widget h3 { margin-bottom: 0; } .widget .btn.mc-subscribe { padding: 0 12px; } .zozo-megamenu-icon.title-menu { padding-right: 10px; } /* HEADER 3 (Center logo) */ .header-section.type-header-3 .header-main-section .navbar-header, .header-section.type-header-3 .header-main-section .navbar-header .navbar-brand, .header-section.type-header-3 .header-main-section .zozo-header-main-bar .zozo-main-bar, .header-section.type-header-3 .header-main-section .zozo-header-main-bar .zozo-main-bar > li, .header-section.type-header-3 .header-main-section .zozo-main-nav { width: 100%; text-align: center; } .header-section.type-header-3 .header-main-section .navbar-header .navbar-brand { margin: 0; } .header-section.type-header-3 .is-sticky .header-main-section .navbar-header .navbar-brand { margin-left: -15px; } .header-section.type-header-3 .header-main-section .zozo-main-nav > li { float: none; display: inline-block; } .header-section.type-header-3 .header-main-section .navbar-header .navbar-brand > img { margin: 0 auto; } .header-section.type-header-3 .header-main-section .zozo-main-bar:before { background: #e1e1e1; content: ""; height: 1px; left: 0; position: absolute; right: 0; width: 100%; } .header-section.type-header-3 .is-sticky .header-main-section .zozo-main-bar:before { content: none; background: none; } .header-section.type-header-3 .is-sticky .header-main-section .navbar-header, .header-section.type-header-3 .is-sticky .header-main-section .navbar-header .navbar-brand, .header-section.type-header-3 .is-sticky .header-main-section .zozo-header-main-bar .zozo-main-bar, .header-section.type-header-3 .is-sticky .header-main-section .zozo-header-main-bar .zozo-main-bar > li, .header-section.type-header-3 .is-sticky .header-main-section .zozo-main-nav { width: auto; text-align: unset; } .header-section.type-header-3 .is-sticky .header-main-section .zozo-main-bar { float: right; margin-right: -15px; } /*Header 5 (Header Fullwidth menu 2)*/ .header-section.type-header-5 .header-logo-section .navbar-header, .header-section.type-header-5 .header-logo-section .navbar-header .navbar-brand { width: 100%; text-align: center; margin: 0; } /*HEADER 6 (Header Fullwidth menu 3)*/ .header-section.type-header-6 .header-logo-section { padding: 15px 0; } .header-section.type-header-6 .header-logo-section .woo-cart a, .header-section.type-header-6 .header-logo-section .woo-cart i { color: #333; } .header-section.type-header-6 .header-logo-section .woo-cart .cart-icon { color: #ffc400; } .header-section.type-header-6 .header-logo-section .woo-cart .cart-icon { border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 25px; font-size: 20px; float: left; margin: 0; color: #333; } /*HEADER 7 & 8 (HEADER CENTERED LOGO)*/ .header-section.type-header-7 .navbar-header, .header-section.type-header-8 .navbar-header { left: 0; margin: 0 auto; position: absolute; right: 0; padding: 0; } .header-section.type-header-7 .navbar-brand, .header-section.type-header-8 .navbar-brand { float: none; text-align: center; margin: 0; } /*HEADER 12 (TOGGLE ELEMENTS)*/ /*.zozo-header-toggle-bar { position: relative; }*/ .zozo-header-toggle-bar .toggle-bar-item i { cursor: pointer; line-height: inherit; display: inline-block; } .header-toggle-content { position: absolute; background: #fff; left: 0; right: 0; /*top: 0;*/ bottom: 0; z-index: 3; display: none; } .header-toggle-content h3 { margin: 0; line-height: inherit; } .header-toggle-content i { line-height: inherit; } .header-toggle-content .btn-toggle-close { float: right; cursor: pointer; font-size: 20px; } .header-toggle-content .header-email > a { color: inherit; } .toggle-search-form .form-control { border: none; font-size: 32px; background: inherit!important; height: inherit; line-height: inherit; padding: 0; position: absolute; z-index: -1; } /*HEADER 9 (TOGGLE HEADER - SLIDE)*/ .header-section.type-header-9 .navbar-nav.zozo-main-bar { margin-right: 0; } .header-section.type-header-9 .nav > li > a:focus, .header-section.type-header-9 .nav > li > a:hover { background: none; } .header-section .header-toggle-section { background: #fff; height: 100%; margin: 0; overflow-y: auto; position: fixed; left: -25%; top: 0; width: 25%; z-index: 250; border-right: 1px solid #e1e1e1; } .header-section .header-toggle-section.header-position-right { right: -25%; left: auto; width: 25%; border-right: none; border-left: 1px solid #e1e1e1; } .header-section .header-toggle-section .header-toggle-inner { padding: 80px 40px 20px; } .header-section .header-toggle-section .close-menu { color: #333; display: block; font-size: 30px; height: 66px; right: 0; line-height: 66px; padding: 0; position: absolute; text-align: center; top: 0; width: 66px; z-index: 10; } .header-section .header-toggle-section.header-position-right .close-menu { left: 0; right: auto; } /*MENU AND DROPDOWN*/ .header-section.type-header-9 .header-main-section li.header-side-wrapper > a { font-size: 40px; padding: 0; } .header-toggle-section .header-side-main-section .navbar-nav, .header-toggle-section .header-side-main-section .navbar-nav > li { width: 100%; } .header-toggle-section .header-side-main-section .navbar-nav > li > a, .header-toggle-section .header-side-main-section .mobile-sub-menu > li > a { line-height: 40px; font-size: 11px; font-weight: 900; text-transform: uppercase; padding: 0; } .header-toggle-section li.drop-down h6.zozo-megamenu-title { margin-bottom: 0; } .header-toggle-section .header-side-main-section .mobile-sub-menu { list-style: none; padding-left: 15px; transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; } .header-toggle-section .header-side-main-section .menu-toggler { position: absolute; right: 0; top: 10px; cursor: pointer; } .header-toggle-section .zozo-main-nav > li > .menu-toggler i:before, .header-toggle-section .mobile-sub-menu li > .menu-toggler i:before, .header-toggle-section .header-side-main-section .zozo-main-nav > li > .menu-toggler i:before, .header-toggle-section .header-side-main-section .mobile-sub-menu li > .menu-toggler i:before { content: "\e002"; font-family: "Flaticon"; font-size: 12px; font-weight: 900; } .header-toggle-section .zozo-main-nav > li > .menu-toggler i:before, .header-toggle-section .mobile-sub-menu li > .menu-toggler i:before { font-size: 15px; } .header-toggle-section .zozo-main-nav > li.toggle-open > .menu-toggler i:before, .header-toggle-section .mobile-sub-menu li.toggle-open > .menu-toggler i:before, .header-toggle-section .header-side-main-section .zozo-main-nav > li.toggle-open > .menu-toggler i:before, .header-toggle-section .header-side-main-section .mobile-sub-menu li.toggle-open > .menu-toggler i:before { content: "\e081"; } /* MAIN BAR ITEMS */ .header-side-main-section .main-bar-item { margin-bottom: 30px; text-align: center; } /* CART */ .header-side-main-section .main-bar-item.item-cart, .header-side-main-section .main-bar-item.item-secondary-menu { display: inline-block; margin-right: 15px; } .header-side-main-section .main-bar-item.item-cart .cart-icon { padding: 10px; border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; } .header-side-main-section .main-bar-item.item-cart .cart-icon, .header-side-main-section .main-bar-item.item-cart .cart-icon i { color: #333; } .header-section .header-toggle-section.header-position-right .zozo-header-side-main-bar { text-align: center; } .header-section .header-toggle-section.header-position-right .main-bar-item.item-cart, .header-section .header-toggle-section.header-position-right .main-bar-item.item-secondary-menu { margin: 0 0 30px 15px; } .header-section .header-toggle-section.header-position-right .woo-cart-contents { right: 0; left: auto; } /* MAIN MENU */ .header-side-main-section .main-bar-item.item-main-mobile-menu { text-align: left; width: 100%; } .header-side-main-section .main-bar-item.item-main-mobile-menu:before, .header-side-main-section .main-bar-item.item-main-mobile-menu:after { display: table; content: " "; } .header-side-main-section .main-bar-item.item-main-mobile-menu:after { clear: both; } /* SEARCH FORM */ .header-side-main-section .main-bar-item .header-search-form .search-form { display: block; } /* CONTACT INFO */ .header-side-main-section .main-bar-item.item-address-info { text-align: left; } .header-side-main-section .header-details-box .header-details-icon { float: none; margin-bottom: 10px; } .header-side-main-section .main-bar-item.item-address-info .header-details-box { margin-bottom: 15px; width: 100%; text-align: center; } .header-toggle-section .mCSB_inside > .mCSB_container { margin-right: 0; } /* HEADER 10 (VERTICAL HEADER)*/ .header-section .header-sidenav-section { background: #fff; bottom: 0; height: 100%; left: 0; position: fixed; max-width: 300px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); right: auto; top: 0; z-index: 100; } .header-section .header-sidenav-section.header-position-right { right: 0; left: auto; } /* NAV BRAND */ .header-sidenav-section .navbar-header, .header-sidenav-section .navbar-header > .navbar-brand { width: 100%; display: block; margin: 10px auto 10px; text-align: center; } /* MAIN BAR ITEM */ .header-sidenav-section .navbar-nav { float: none; text-align: center; } .header-sidenav-section .zozo-vertical-side-bar .main-bar-item { display: block; margin: 0 auto 30px; text-align: center; line-height: normal; height: auto; } /* CART & SECONDRY MENU */ .header-sidenav-section .zozo-vertical-side-bar .main-bar-item.item-cart, .header-sidenav-section .zozo-vertical-side-bar .main-bar-item.item-secondary-menu { display: inline-block; margin-right: 15px; } /* SEARCH BAR */ .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .search-form { display: block; position: relative; width: 100%; } /* MAIN MENU */ .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav { width: 100%; } .header-sidenav-section .zozo-vertical-side-bar .main-bar-item.item-main-menu { margin: 0 -15px 30px; } .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li, .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li > a { width: 100%; display: block; text-align: left; line-height: 40px; height: 40px; } .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li > a { border-bottom: 1px dashed #e1e1e1; } .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .dropdown-toggle:after { content: "\f105"; font-family: FontAwesome; font-size: 10px; font-weight: normal; height: 5px; position: absolute; right: 15px; width: 5px; } .header-sidenav-section .dropdown-menu, .header-sidenav-section .zozo-main-nav.navbar-nav .sub-menu { left: 100%; top: -3px; } .header-sidenav-section .zozo-vertical-side-bar .zozo-main-nav.navbar-nav .dropdown-menu li:before { border:none; } .header-sidenav-section .zozo-vertical-side-bar .zozo-main-nav.navbar-nav .dropdown-menu a { border-bottom: 1px dashed #e1e1e1; height: 40px; line-height: 40px; padding: 0 15px; display: block; } .header-sidenav-section .zozo-vertical-side-bar .zozo-main-nav.navbar-nav .dropdown-menu li:last-child > a { border-bottom: none; } /* RIGHT SIDE */ .header-sidenav-section.header-position-right .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li > a { text-align: right; } .header-sidenav-section.header-position-right .zozo-vertical-side-bar .main-bar-item .dropdown-toggle:after { content: "\f104"; left: 15px; right: auto; } .header-sidenav-section.header-position-right .dropdown-menu, .header-sidenav-section.header-position-right .zozo-main-nav.navbar-nav .sub-menu { right: 100%; left: auto; } .header-sidenav-section.header-position-right .zozo-vertical-side-bar .main-bar-item .dropdown-menu { text-align: right; } .header-sidenav-section.header-position-right .dropdown-menu > li.dropdown:after, .header-sidenav-section.header-position-right .sub-menu > li.dropdown:after { left: 12px; right: auto; content: "\f104"; } .header-sidenav-section.header-position-right .dropdown-menu > li.dropdown:hover:after, .header-sidenav-section.header-position-right .sub-menu > li.dropdown:hover:after { content: "\f105"; } .header-sidenav-section.header-position-right .woo-cart-contents { right: 0; left: auto; } /* HEADER CONTACT DETAILS */ .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .header-contact-details > li, .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .header-details-box { display: block; margin: 0 auto 15px; } .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .header-details-box .header-details-icon { float: none; margin-bottom: 15px; } /* Header Transparency */ .header-section.header-transparent, .header-section.header-semi-transparent, .header-transparent.mobile-header-section, .header-semi-transparent.mobile-header-section { position: absolute; top: 0; left: 0; right: 0; z-index: 99; } .header-section.header-transparent .header-main-section, .header-section.header-semi-transparent .header-main-section { border-bottom: 1px solid; } /*New tag*/ .header-section .menu-item .new-tag-hot, .header-section .menu-item .new-tag-new, .header-section .menu-item .new-tag-trend { border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; font-size: 9px; font-weight: 800; margin-left: 10px; margin-top: 3px; padding: 3px 5px 4px; position: relative; text-transform: capitalize; } .header-section .menu-item .new-tag-hot:before, .header-section .menu-item .new-tag-new:before, .header-section .menu-item .new-tag-trend:before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: transparent #138af9 transparent transparent; border-style: solid; border-width: 5px; content: ""; height: 0; left: -9px; position: absolute; top: 4px; width: 0; } .header-section .menu-item .new-tag-hot { background-color: #ff0000; } .header-section .menu-item .new-tag-hot::before { border-color: transparent #ff0000 transparent transparent; } .header-section .menu-item .new-tag-new { background-color: #138af9; } .header-section .menu-item .new-tag-new::before { border-color: transparent #138af9 transparent transparent; } .header-section .menu-item .new-tag-trend { background-color: #1eb710; } .header-section .menu-item .new-tag-trend::before { border-color: transparent #1eb710 transparent transparent; } /* Sliding Bar */ .slidingbar-toggle-wrapper a { border-left: 40px solid transparent; border-top: 40px solid #222; position: absolute; right: 0; color: #fff; } .slidingbar-toggle-wrapper a:after { color: #fff; content: "\e002"; font-family: "Flaticon"; display: block; font-size: 12px; font-weight: 600; left: -18px; position: absolute; text-shadow: none; top: -40px; } .slidingbar-toggle-wrapper a.sb-open:after { content: "\e081"; font-family: "Flaticon"; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; } .sliding-bar-section { margin-left: auto; margin-right: auto; position: absolute; right: 0; top: 0; width: 100%; z-index: 999; } .slidingbar-inner { background: #222; color: #fff; display: none; height: auto; overflow: hidden; padding: 25px 0; position: relative; z-index: 3; } /* Sliding Bar Widgets */ .sliding-bar-widgets input, .sliding-bar-widgets select, .sliding-bar-widgets textarea { color: #666; } .sliding-bar-widgets a:hover, .sliding-bar-widgets a:active, .sliding-bar-widgets a:focus { color: #fff; } .sliding-bar-widgets .widget, .sliding-bar-widgets .widget table { margin-bottom: 0; } .sliding-bar-widgets .widget-title { border-bottom: 1px dashed rgba(255, 255, 255, 0.3); color: #fff; line-height: 22px; margin-top: 0; padding-bottom: 13px; } .sliding-bar-widgets .zozo-counter-count { color: #fff; line-height: 30px; margin: 0; padding: 0 0 10px; } .sliding-bar-widgets .zozo-counter-count .counter { margin-left: 10px; } .sliding-bar-widgets .widget_calendar caption { color: #fff; padding-top: 0; } .sliding-bar-widgets .widget.widget_recent_entries li a, .sliding-bar-widgets .widget.widget_recent_comments li .comment-author-link a:hover, .sliding-bar-widgets .widget.zozo_category_posts_widget li a, .sliding-bar-widgets .widget.widget_categories li a, .sliding-bar-widgets .widget.widget_archive li a, .sliding-bar-widgets .widget.widget_meta li a, .sliding-bar-widgets .widget.widget_nav_menu li a { color: #fff; } .sliding-bar-widgets .widget.widget_recent_entries li a:hover, .sliding-bar-widgets .widget.widget_recent_comments li a:hover, .sliding-bar-widgets .widget.zozo_category_posts_widget li a:hover, .sliding-bar-widgets .widget.widget_categories li a:hover, .sliding-bar-widgets .widget.widget_archive li a:hover, .sliding-bar-widgets .widget.widget_meta li a:hover, .sliding-bar-widgets .sliding-bar-widgets .widget.widget_nav_menu li a:hover { color: #fff; } .sliding-bar-widgets .widget.widget_recent_entries li a, .sliding-bar-widgets .widget.widget_recent_comments li .comment-author-link a, .sliding-bar-widgets .widget.zozo_category_posts_widget li a, .sliding-bar-widgets .widget.widget_categories li a, .sliding-bar-widgets .widget.widget_archive li a, .sliding-bar-widgets .widget.widget_meta li a, .sliding-bar-widgets .widget.widget_nav_menu li a { color: #bbb; } .sliding-bar-widgets .zozo-latest-posts .posts-title a { color: #fff; } .sliding-bar-widgets .zozo-latest-posts .posts-title { margin-bottom: 5px; margin-top: -4px; } .sliding-bar-widgets .zozo-latest-posts .entry-date { color: #bbb; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item { margin: 0; padding: 15px 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item:first-child { padding-top: 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item:last-child { padding-bottom: 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item .entry-summary p { margin-bottom: 0; } .sliding-bar-widgets .widget.zozo_popular_posts_widget li.posts-item .entry-date { margin-top: 8px; display: block; } .sliding-bar-widgets .textwidget p, .sliding-bar-widgets .textwidget div { color: #bbb; } .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a { color: #fff; } .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a:hover, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li h6 a:focus, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a:hover, .sliding-bar-widgets .zozo-tabs-widget .nav-tabs li.active h6 a:focus { color: #333; } .sliding-bar-widgets .zozo-tabs-widget .tabs .zozo-tab-content { color: #333; } .sliding-bar-widgets .zozo-social-icons i { color: #333; } .sliding-bar-widgets .zozo-social-icons li a:hover i, .sliding-bar-widgets .zozo-social-icons li a:focus i { color: #fff; } .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a { padding-right: 10px; width: auto; } .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a i { color: #fff; } .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a, .sliding-bar-widgets .zozo-social-icons.soc-icon-transparent li a:hover, .zozo-social-icons.soc-icon-transparent li a:focus { background-color: transparent; } .sliding-bar-widgets .widget .tweet-item { border-color: rgba(255, 255, 255, 0.3); } .sliding-bar-widgets .widget li .tweet-user-name a { color: #ddd; } .sliding-bar-widgets .tweet-user-name span, .sliding-bar-widgets .zozo_tweet_text { color: #bbb; } .sliding-bar-widgets .zozo-subscribe.form-control { background: #bbb none repeat scroll 0 0; border-color: #bbb; } /* ================================================================ * Section Title * ================================================================ */ .parallax-title { position: relative; margin: 0 0 45px 0; text-transform: uppercase; line-height: 40px; font-weight:700; } h4.parallax-title { font-size: 28px; } h4.wb-title{font-size: 28px;font-weight:700;font-family:'Arial';color:#2e74d7; -webkit-box-reflect: below -0.3em -webkit-linear-gradient(top, transparent, transparent 50%, rgba(0, 0, 0, 0.296875))} .parallax-title.text-capitalize { text-transform: capitalize; } .parallax-title.text-lowercase { text-transform: lowercase; } .parallax-title:after { bottom: -25px; content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .bg-style.bg-normal .parallax-title::after { background: #333; } .parallax-title.text-left:after { right: auto; left: 0; } .parallax-title.text-right:after { left: auto; right: 0; } .parallax-desc { max-width: 800px; margin: 0 auto 40px; text-align: center; font-weight: 300; } .parallax-desc.text-left, .parallax-desc.text-right { text-align: left; float: left; max-width:unset; } .parallax-desc.text-right { text-align: right; float: right; } .page-title-section .YTPOverlay { background: rgba(0, 0, 0, 0.3); } /* ================================================================ * LAYOUT * ================================================================ */ .boxed #zozo_wrapper, .boxed .container { margin: 0 auto; max-width: 1200px; width: 100%; } .boxed #zozo_wrapper { position: relative; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .fullwidth .container { width: 100%; max-width: 1200px; } body.wide .container { padding: 0px 15px; width: 100%; } #zozo_wrapper { width: 100%; } /* Hidden Footer Boxed Layout */ body.boxed .footer-section.footer-style-hidden { margin: 0 auto; max-width: 1200px; } .two-col-right #single-sidebar-container #primary, .two-col-left #single-sidebar-container #sidebar, .three-col-right #single-sidebar-container, .three-col-right #single-sidebar-container #primary, .three-col-middle #single-sidebar-container #primary, .three-col-middle #secondary-sidebar, .three-col-left #single-sidebar-container #sidebar, .three-col-left #secondary-sidebar { float: left; } .two-col-right #single-sidebar-container #sidebar, .two-col-left #single-sidebar-container #primary, .three-col-right #single-sidebar-container #sidebar, .three-col-right #secondary-sidebar, .three-col-middle #single-sidebar-container, .three-col-middle #single-sidebar-container #sidebar, .three-col-left #single-sidebar-container, .three-col-left #single-sidebar-container #primary { float: right; } .site-content { padding-top: 75px; padding-bottom: 75px; } .main-section { background: #f5f5f5; border-top: 1px solid #e1e1e1; } .rev_slider-active.rev-position-header-below .main-section { border-top: none; } .main-col-small, .main-col-full, .content-col-small, .content-col-full, .pm-sidebar, .sec-sidebar { padding-left: 15px; padding-right: 15px; } .main-col-small { width: 80%; } .main-col-full { width: 100%; } .content-col-small { width: 75%; } .content-col-full { width: 100%; } .pm-sidebar { width: 24%; } .sec-sidebar { width: 19%; } .sidebar { padding-top: 75px; padding-bottom: 40px; } .grey-wrapper { background-color: #f5f5f5; } .light-wrapper { background-color: #fff; } .dark-wrapper { background-color: #333; } .image-left .vc-zozo-image-wrapper, .image-right .vc-zozo-image-wrapper { background-position: center; } /* ================================================================ * FOOTER * ================================================================ */ .footer-section { background: #f2f2f2; } .footer-copyright-section { background: #f5f5f5; padding: 25px 0; } .footer-widgets-section { padding: 70px 0; } .footer-hidden .wrapper-inner { position: relative; z-index: 10; } .footer-section.footer-style-hidden { bottom: 0; left: 0; position: fixed; right: 0; z-index: -1; overflow-y: auto; } .footer-sticky .footer-section.footer-style-sticky .footer-copyright-section { bottom: 0; left: 0; position: fixed; right: 0; z-index: 10; } .footer-copyright-section p { margin-top: 8px; text-transform:uppercase; font-size:13px; } /*Copyright and back to top*/ .footer-copyright-section p, .zozo-footer-nav.navbar-nav > li > a { color: #7f7f7f; font-size: 11px; margin: 0; line-height: 18px; } .zozo-footer-nav.navbar-nav > li { margin-right: 8px; position: relative; } .zozo-footer-nav.navbar-nav > li:after { color: #7f7f7f; content: "/"; position: absolute; right: -6px; top: -4px; } .zozo-footer-nav.navbar-nav > li:last-child:after { content: none; } .zozo-footer-nav.navbar-nav > li > a { padding: 0; } .zozo-footer-nav.navbar-nav > li > a:hover { color: #333; background: transparent; } .footer-backtotop a { background-color: #c6c6c6; font-size: 11px; color: #fff; height: 30px; width: 30px; line-height: 30px; text-align: center; display: inline-block; margin-top: 3px; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; padding-right: 1px; } .footer-top-position{ left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; } .footer-widgets-section .widget-title:after{ border-bottom: 1px dashed #555555!important; background:none !important; height: 1px; } /*Copyright and back to top - Center */ .footer-copyright-center .zozo-footer-nav { width:100%; } .footer-copyright-center .zozo-footer-nav > li { float:none; display:inline-block; margin-bottom: 5px; } /* Dark Footer */ .footer-section.footer-skin-dark, .footer-skin-dark .footer-backtotop a { background: #272727; } .footer-section.footer-skin-dark .zozo-social-icons li a, .footer-section.footer-skin-dark .footer-copyright-section { background: #454545; } .footer-section.footer-skin-dark .footer-widgets .widget h3.widget-title, .footer-section.footer-skin-dark .zozo-counter-count > .counter { color:#fff; } .footer-section.footer-skin-dark .footer-widgets .widget, .footer-section.footer-skin-dark .widget.widget_recent_entries li a, .footer-section.footer-skin-dark .widget.widget_recent_comments li .comment-author-link a, .footer-section.footer-skin-dark .widget.zozo_category_posts_widget li a, .footer-section.footer-skin-dark .widget.widget_categories li a, .footer-section.footer-skin-dark .widget.widget_archive li a, .footer-section.footer-skin-dark .widget.widget_meta li a, .footer-section.footer-skin-dark .widget.widget_nav_menu li a, .footer-section.footer-skin-dark .widget li .tweet-user-name a, .footer-section.footer-skin-dark .widget.zozo_popular_posts_widget .posts-title > a, .footer-section.footer-skin-dark .latest-posts-menu .entry-date, .footer-section.footer-skin-dark caption, .footer-section.footer-skin-dark .zozo-tabs-widget a, .footer-section.footer-skin-dark .widget.widget_pages li > a { color: #999999; } .footer-section.footer-skin-dark .footer-widgets .widget h3, .footer-section.footer-skin-dark .widget.zozo_popular_posts_widget li.posts-item, .footer-section.footer-skin-dark .widget .tweet-item, .footer-section.footer-skin-dark .zozo-tabs-widget .tab-content > .tab-pane, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .footer-section.footer-skin-dark .nav-tabs, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover, .footer-section.footer-skin-dark .widget-posts-list li { border-color: #7c7c7c; } .footer-section.footer-skin-dark .footer-copyright-section { border-color:#111; } .footer-section.footer-skin-dark .zozo-tabs-widget .tab-content > .tab-pane, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .footer-section.footer-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover { background: transparent; } /* ================================================================ * PARALLAX * ================================================================ */ .zozo-parallax-header { text-align: center; clear: both; margin-bottom: 20px; } .zozo-parallax-header:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .parallax-header { text-align: center; } .fullwidth-section { position: relative; z-index: 1; } .fullwidth-section.no-bg-image .parallax-page-inner, .zozo-fullwidth-box.normal-background .fullwidth-page-inner { padding-top: 35px; padding-bottom: 35px; } .fullwidth-section.no-bg-image { padding-top: 70px; margin-top: -70px; } .fullwidth-section.parallax-background .parallax-page-inner, .zozo-fullwidth-box.parallax-background .fullwidth-page-inner { padding-top: 100px; padding-bottom: 100px; } .parallax-background.parallax-section .parallax-page-inner { background-attachment: fixed !important; background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; } .parallax-overlay.parallax-overlay-pattern:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; } .parallax-overlay.parallax-overlay-pattern { position: relative; z-index: 100; } .parallax-overlay.parallax-overlay-pattern.pattern-1:before { background: url(/metal/wp-content/themes/metal/images/patterns/pattern-1.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-2:before { background: url(/metal/wp-content/themes/metal/images/patterns/pattern-2.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-3:before { background: url(/metal/wp-content/themes/metal/images/patterns/pattern-3.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-4:before { background: url(/metal/wp-content/themes/metal/images/patterns/pattern-4.png) top left repeat; } .parallax-overlay.parallax-overlay-pattern.pattern-5:before { background: url(/metal/wp-content/themes/metal/images/patterns/pattern-5.png) top left repeat; } .zozo-fullwidth-box { background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } .parallax-background .parallax-bg-overlay { background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .parallax-section-container { position: relative; z-index: 10; } .parallax-background .parallax-header, .parallax-background .parallax-desc, .parallax-background .parallax-content, .parallax-background .parallax-content p, .parallax-background .parallax-content .team-member-desc, .parallax-background .parallax-content .zozo-tabs .nav-tabs > li > a { color: #fff; } .parallax-background .parallax-content a:hover, .parallax-background .parallax-content a:active, .parallax-background .parallax-content a:focus { color: #fff; } .parallax-background .parallax-content .portfolio-mask a:hover, .parallax-background .parallax-content .portfolio-mask a:active, .parallax-background .parallax-content .portfolio-mask a:focus { color: #333; } /* Overlay */ .bg-overlay-dark, .bg-overlay-light, .bg-overlay-primary { position: relative; } .bg-overlay-dark:before, .bg-overlay-light:before, .bg-overlay-primary:before { background: rgba(0, 0, 0, 0.5); content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; bottom: 0; z-index: 1; } .bg-overlay-light:before { background: rgba(255, 255, 255, 0.5); } .zozo-vc-main-row-inner { position: relative; z-index: 31; } .vc_row .upb_row_bg { z-index: 1; } /* ================================================================ * REVOLUTION SLIDER * ================================================================ */ .zozo-revslider-section { position: relative; z-index: 30; } .rev_slider_wrapper .slider-title > h2, .rev_slider_wrapper .slider-title { font-size: 65px; font-weight: 700; line-height: 75px; margin: 0; text-transform: uppercase; } .rev_slider_wrapper .slider-sub-title { font-size: 40px; margin-bottom: 22px; line-height: 52px; font-weight: 700; } .rev_slider_wrapper .slider-desc { font-size: 15px; line-height: 25px; font-weight: 300; color: #000; } .slider-h4 { font-size: 24px; font-weight: 500; line-height: 31px; } .h2_white, .h2_white h2 { color: #fff; text-transform: uppercase; letter-spacing: 1px; } .logo-bordered-white { border: 5px solid #fff; padding: 15px; } .italic-white { color: #fff; font-style: italic; font-size: 17px; } .text-white { color: #fff; } .text-black { color: #000; } /* ================================================================ * ICON STYLES * ================================================================ */ /* Icon Pattern */ .zozo-icon.icon-pattern { background-color: rgba(0, 0, 0, 0.5); color: #fff; background-position: top center; background-repeat: repeat; } .zozo-icon.icon-pattern.pattern-1 { background-image: url(/metal/wp-content/themes/metal/images/pattern-1.png); } .zozo-icon.icon-pattern.pattern-2 { background-image: url(/metal/wp-content/themes/metal/images/pattern-2.png); } .zozo-icon.icon-pattern.pattern-3 { background-image: url(/metal/wp-content/themes/metal/images/pattern-3.png); } .zozo-icon.icon-pattern.pattern-4 { background-image: url(/metal/wp-content/themes/metal/images/pattern-4.png); } .zozo-icon.icon-pattern.pattern-5 { background-image: url(/metal/wp-content/themes/metal/images/pattern-5.png); } /* ================================================================ * OWL CAROUSEL * ================================================================ */ .zozo-content-carousel-wrapper .content-carousel-slider .owl-item { overflow: hidden; } .owl-carousel .owl-wrapper-outer { z-index: 100; } .owl-carousel.owl-theme .owl-controls .owl-nav { margin-top: 0; } .owl-carousel.owl-theme .owl-controls .owl-nav div { text-align: center; font-size: 0px; width: 26px; height:45px; position: absolute; z-index: 101; top: 130px; right: 0; color: #454545; background-color:transparent !important; } .owl-carousel.owl-theme .owl-controls .owl-nav div:hover { background-color: #004494; } .owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { left: 0px; } .owl-carousel.owl-theme .owl-controls .owl-nav div:hover { color: #fff; } .owl-carousel.owl-theme .owl-dots { text-align: center; margin-top: 25px; } .owl-carousel.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-carousel.owl-theme .owl-controls .owl-dots span { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;-ms-border-radius: 50%; -o-border-radius: 50%; display: block; height: 10px; margin: 5px 2px; opacity: 0.5; filter: alpha(opacity=50); width: 10px; } .owl-carousel.owl-theme .owl-controls .owl-dots .owl-dot.active span { opacity: 1; filter: alpha(opacity=100); } .owl-slides-container { position: relative; } .owl-carousel .itemsScale .owl-item img { width: 100%; } .zozo-client-slider-wrapper .owl-carousel .owl-item img { text-align: center; margin: 0 auto; width: auto; } .widget .owl-carousel.owl-theme .owl-controls .owl-nav div{ top:0px; } /* ================================================================ * TEAM SECTION * ================================================================ */ .team-carousel-slider .team-item img { width: 100%; } .team-box_type h5.team-member-name > a { color: #fff; } .team-member-designation, .team-member-desc { font-size: 12px; font-weight: 700; } .team-member-desc { padding: 12px 0 5px; margin-bottom: 10px; } .entry-content .team-member-desc p { margin-bottom: 10px; } .zozo-team-social-list.zozo-social-icons li { margin: 0 10px; } .zozo-team-social-list.zozo-social-icons li:first-child { margin-left: 0; } .zozo-team-social-list.zozo-social-icons li:last-child { margin-right: 0; } .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i { font-size: 14px; line-height: 16px; color: #fff; } .typo-light .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i { color: #fff; } .team-box_type .team-member-name { margin-bottom: 25px; position: relative; font-weight: 700; text-transform: uppercase; } .team-box_type .team-member-name:after { bottom: -16px; content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .team-content { text-align: center; padding: 30px 15px 6px; background:#333 url(images/dark-bg.jpg); color:#fff; } .zozo-team-social { margin-bottom:15px; } .team-item .zozo-social-icons li a { width: auto; } /* Team Center */ .team-item.text-center { text-align: center; } .team-item.text-center img { margin: 0 auto; } .team-item.text-center .team-member-name:after { left: 0; right: 0; margin: 0 auto; } /* Team Left */ .team-item.text-left, .team-item.text-left .team-content { text-align: left; } .team-item.text-left img { margin: 0 auto; width: 100%; } .team-item.text-left .team-member-name:after { left: 0; right: auto; margin: 0; } /* Team Right */ .team-item.text-right, .team-item.text-right .team-content { text-align: right; } .team-item.text-right img { margin: 0 auto; width: 100%; } .team-item.text-right .team-member-name:after { left: auto; right: 0; margin: 0 auto; } /* ========= Team List ======= */ .team-list-inner .team-item { margin-bottom: 40px; } .team-list-inner .team-item-img { margin-bottom: 0; } .team-list-inner .team-member-name { margin-top: 0; margin-bottom: 15px; } .team-list-inner .team-member-name:after { content: none; display: none; } .team-list-inner .zozo-circle-counter-wrapper { margin-top: 28px; } .team-list-inner .zozo-circle-counter-wrapper .circle-counter-title { margin-top: 10px; } /* Team Single */ .team-single { padding: 30px 0; } .team-single .team-member-name:after { left: 0; right: auto; bottom: -20px; } .team-single .team-member-name { margin-top: 0; margin-bottom: 40px; } .team-single .owl-dots { margin: 30px 0 26px; } .team-single .zozo-team-social { padding-top: 15px; padding-bottom: 15px; } .team-single .zozo-team-social .zozo-social-icons li { margin: 0 3px; } .team-single .zozo-team-social .zozo-social-icons li a { width: 30px; height: 30px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .team-single .zozo-team-social .zozo-social-icons li a i { line-height: 30px; } .team-single .team-content { text-align:left; padding:25px; } .team-single .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i { color:#333; } .zozo-circle-counter-wrapper { margin-top: 18px; } /* ================================================================ * TESTIMONIALS SECTION * ================================================================ */ .testimonial-grid-inner { clear: both; } .testimonial-item .testimonial-content blockquote::before { content: none; } .testimonial-item .testimonial-content blockquote, .testimonial-item .testimonial-content blockquote { padding: 0; margin-bottom: 12px; color: #333; letter-spacing:unset; font-size: 17px; font-style: italic; font-weight: 500; } .testimonial-item .testimonial-img > img, .testimonial-carousel-slider .owl-item .testimonial-img img { width: auto; max-width: 100%; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto 10px; } .testimonial-item .author-info-box { text-align: center; } .testimonial-item .author-details > p { margin-bottom: 0; } .typo-dark .testimonial-item .author-details > p.author-designation-info { color: #7f7f7f; font-style: italic; } .author-details > p.author-designation-info .testimonial-author-designation { margin-right: 2px; } .author-details > p.author-designation-info .testimonial-author-designation:after { content: ","; } .testimonial-item .author-details .testimonial-author-name > a { font-weight: 700; } /* STYLE - DEFAULT */ .testimonial-item.tstyle-default .testimonial-img > img { max-width:50px; margin: 0 20px 0 0; } .testimonial-item.tstyle-default .author-info-box > div { display:inline-block; vertical-align:middle; } .testimonial-item.tstyle-default .testimonial-content, .testimonial-item.tstyle-no-border .testimonial-content { margin-bottom: 30px; } .testimonial-item.tstyle-default .author-details > p { text-align:left; } .testimonial-item.tstyle-default .testimonial-author-name { text-transform:uppercase; } .testimonial-item.tstyle-default blockquote > p { font-style:italic; font-size: 17px; text-align: center; } .testimonial-item.tstyle-default .testimonial-rating { text-align: center; } /* Left Align */ .testimonials-left .testimonial-item.tstyle-default blockquote > p, .testimonials-left .testimonial-item.tstyle-default .testimonial-rating, .testimonials-left .testimonial-item .author-info-box { text-align:left; } /* Need to add font family config */ .testimonial-content blockquote > p { font-family: arimo; } /* STYLE - BORDER */ .testimonial-item.tstyle-border blockquote > p, .testimonial-item.tstyle-no-border blockquote > p { text-align: center; } .testimonial-item.tstyle-no-border .testimonial-rating { text-align: center; margin:10px 0; } .testimonial-item.tstyle-border .testimonial-rating { text-align:right; } .testimonial-item.tstyle-border .testimonial-content, .testimonial-item.tstyle-no-border .testimonial-content { padding: 15px; margin-left: 1px; border: 1px solid; margin-bottom: 15px; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; position: relative; } .testimonial-item.tstyle-border .testimonial-content:before { border: 10px solid; border-color: #e1e1e1 transparent transparent; bottom: -20px; content: ""; display: block; height: 0; position: absolute; width: 0; } .testimonial-item.tstyle-border .testimonial-content:before, .testimonial-item.tstyle-border .testimonial-content:after { left: 0; margin: 0 auto; right: 0; } .testimonial-item.tstyle-border .testimonial-content:after { border: 10px solid; border-color: #fff transparent transparent; bottom: -18px; content: ""; display: block; height: 0; position: absolute; width: 0; } .testimonial-item.tstyle-border .testimonial-content blockquote, .testimonial-item.tstyle-no-border .testimonial-content blockquote { padding: 0 30px; } .testimonial-item.tstyle-border .testimonial-content blockquote:before, .testimonial-item.tstyle-no-border .testimonial-content blockquote:before, blockquote:before { background: none; content: open-quote; font-size: 50px; font-weight: bold; left: 0; line-height: 1; position: absolute; top: 0; } .testimonial-item.tstyle-border .testimonial-content blockquote:after, .testimonial-item.tstyle-no-border .testimonial-content blockquote:after, blockquote:after { content: close-quote; font-size: 50px; font-weight: bold; line-height: 0; vertical-align: bottom; position: absolute; right: 0; } .testimonial-item.tstyle-no-border .testimonial-content blockquote:after, blockquote:after { right: 0; bottom: 0; } /* NO - BORDER */ .testimonial-item.tstyle-no-border .testimonial-content { border: none; margin-bottom: 0; padding:0 15px; } .testimonial-item.tstyle-no-border .testimonial-content blockquote { margin-bottom: 0; } .testimonial-item.tstyle-no-border .testimonial-content blockquote:before, .testimonial-item.tstyle-no-border .testimonial-content blockquote:after { content:none; } .testimonial-item.tstyle-no-border blockquote > p { font-size: 14px; font-style: normal; } .testimonial-item.tstyle-no-border .testimonial-author-name { text-transform:uppercase; } .testimonial-item.tstyle-no-border .author-designation-info { color:#ababab; } /* STYLE BORDER 2*/ .testimonial-item.tstyle-border2 { background: rgba(241, 241, 241, 0.1); border: 1px solid #e1e1e1; border-radius: 5px; margin-left: 40px; padding: 20px 20px 20px 60px; position: relative; } .testimonial-item.tstyle-border2 .testimonial-img { bottom: 20px; left: -35px; position: absolute; padding: 4px; border: 1px solid #e1e1e1; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; background: #fff; } .testimonial-item.tstyle-border2 .testimonial-img > img { max-width: 70px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; margin-bottom: 0; } .testimonial-item.tstyle-border2 .author-details > p { text-align: left; } /* TESTIMONIALS GRID */ .zozo-testimonial-grid-wrapper .testimonial-item { margin-bottom: 30px; } .testimonials-left .testimonial-item .testimonial-author-wrapper { float: right; } .testimonials-right .testimonial-item .testimonial-author-wrapper { float: left; } /* TESTIMONIALS SINGLE */ .testimonial-single .testimonial-item.tstyle-border .testimonial-content blockquote { padding: 0 40px; } .testimonial-single .testimonial-item.tstyle-border blockquote > p, .testimonial-single .testimonial-item .author-info-box { text-align: left; } .testimonial-single .testimonial-item.tstyle-border .testimonial-content::before, .testimonial-single .testimonial-item.tstyle-border .testimonial-content::after { right: auto; left: 35px; } .testimonial-single .testimonial-item .author-info-box .testimonial-img { float: left; margin-right: 15px; } .testimonial-archives .zozo_testimonial { border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; } .testimonial-archives .zozo_testimonial:last-child { border-bottom: none; } /* ================================================================ * TWITTER SECTION * ================================================================ */ .zozo-twitter-slider-wrapper { margin-top: 100px; position: relative; } .zozo-twitter-slider-wrapper:before { content: "\f099"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #fff; height: 48px; width: 48px; line-height: 48px; border: 1px solid #fff; position: absolute; right: 0; left: 0; top: -80px; text-align: center; margin: 0 auto; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; } .zozo-twitter-slider-wrapper .tweet-list span { display: block; text-align: center; font-size: 20px; } .zozo-twitter-slider-wrapper .tweet-list span.status { margin-bottom: 10px; } .zozo-twitter-slider-wrapper .tweet-list span.meta { font-size: 17px; font-style: italic; } /* ================================================================ * PRICING TABLE * ================================================================ */ .zozo-pricing-table-wrapper { border: 1px solid #f7f7f7; text-align: center; padding-top: 30px; position: relative; } .zozo-pricing-item .pricing-box .pricing-head { margin-bottom: 20px; } .zozo-pricing-item .pricing-box .pricing-head h4 { font-weight: 700; text-transform: uppercase; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; } .zozo-pricing-item .pricing-cost-wrapper .pricing-cost h3 { font-size: 36px; font-weight: 700; margin: 4px 0; } .zozo-pricing-item .pricing-bottom .pricing-cost-wrapper .pricing-cost h3 { color: inherit; } .zozo-pricing-item .pricing-bottom .pricing-cost-wrapper { margin-bottom: 30px; } .zozo-pricing-item .pricing-bottom .pricing-cost-wrapper .pricing-cost h3 { font-weight: 500; } .zozo-pricing-item .pricing-features { padding: 0 20px 20px; } .zozo-pricing-table-wrapper.pricing-bottom-spacing .pricing-features { padding-bottom: 0; } .zozo-pricing-item .pricing-features ul { list-style: none; margin: 0 -20px -1px; padding: 0; } .zozo-pricing-item .pricing-features ul > li { border-top: 1px solid rgba(0, 0, 0, 0.05); float: left; padding: 13px 35px; width: 100%; } .zozo-pricing-item .pricing-features li.inactive { color: #9c9c9c; } .zozo-pricing-item .pricing-features ul > li:last-child { border-bottom: 1px solid rgba(30, 30, 30, 0.1); } .zozo-pricing-item .pricing-cost-wrapper { margin-bottom: 20px; } .zozo-pricing-item .pricing-bottom { overflow: hidden; padding: 30px 15px; } .zozo-pricing-item .pricing-bottom .btn.btn-default { padding-bottom: 15px; padding-top: 15px; width: 100%; } .zozo-pricing-item .pricing-ribbon-wrapper { height: 88px; overflow: hidden; position: absolute; right: -4px; top: -3px; width: 85px; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); font-size: 12px; left: -5px; color: #333; padding: 5px 0; position: relative; text-align: center; top: 15px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 120px; text-transform: uppercase; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:before, .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:after { border-left: 3px solid rgba(0, 0, 0, 0); border-right: 3px solid rgba(0, 0, 0, 0); border-top: 3px solid #6e8900; bottom: -3px; content: ""; position: absolute; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:before { left: -5px; } .zozo-pricing-item .pricing-ribbon-wrapper .pricing-ribbon:after { right: 0; } .zozo-pricing-item .pricing-icon-wrapper > i { background-color: #f5f5f5; border: 2px solid #e1e1e1; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; display: block; font-size: 32px; height: 100px; line-height: 100px; margin: 0 auto 20px; padding: 0; text-align: center; transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; width: 100px; transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; -webkit-transform: none; } .zozo-pricing-table-wrapper:hover .pricing-icon-wrapper > i { transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -ms-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -o-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } /* ================================================================ * FEATURES LIST * ================================================================ */ .zozo-features-list-wrapper .features-list-inner { margin-bottom: 20px; position: relative; } .zozo-features-list-wrapper.vc-features-list:last-child .features-list-inner { margin-bottom: 0; } .zozo-features-list-wrapper .features-list-inner .features-icon { display: inline-block; font-size: 30px; left: 0; line-height: 10px; position: absolute; top: 0; } .zozo-features-list-wrapper .features-list-inner.list-text-right .features-icon { right: 0; left: auto; } .zozo-features-list-wrapper .features-list-inner.list-text-right { text-align: right; } .zozo-features-list-wrapper .features-list-inner .list-desc { margin-left: 35px; } .zozo-features-list-wrapper .features-list-inner.list-text-right .list-desc { margin-right: 35px; margin-left: 0; } .list-desc > p { line-height: 1.3; } /* ================================================================ * RESPONSIVE VIDEO * ================================================================ */ .vc_row.zozo-vc-video-bg-wrapper { position: relative; overflow: hidden; } .video-bg-wrapper { bottom: 0; left: 0; position: absolute; right: 0; top: 0; height: 100%; } .video-player .zozo-yt-player, .video-bg .zozo-yt-player { height: 100%; } .video-bg .mb_YTVPBar { opacity: 1; } .video-bg .mb_YTVPBar:hover .buttonBar, .video-bg .mb_YTVPBar .buttonBar { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); top: -25px; } .video-bg .mb_YTVPProgress { top: -33px; height: 8px; } .video-bg .mb_YTVPLoaded { height: 8px; } .video-bg .mb_YTVTime { height: 100%; } .video-bg .mb_YTVTime:after { background: #a4a4a4; bottom: 0; content: ""; height: 10px; position: absolute; right: -2px; width: 4px; } .video-bg .buttonBar span { color: #a4a4a4; } .zozo-video-controls #video-play { border: 2px solid; border-radius: 50%; display: inline-block; height: 55px; left: 0; line-height: 50px; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 50%; width: 55px; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* ================================================================ * SOCIAL ICONS * ================================================================ */ @-webkit-keyframes zoslideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-5px); transform: translateX(-5px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes zoslideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .zozo-social-icons { padding: 0; margin: 0; list-style: none; display: inline-block; } .zozo-social-icons li { display: inline-block; margin: 10px 3px; } .fullwidth-menu-section .zozo-social-icons li { margin: 17px 3px; } .zozo-social-icons li a { width: 30px; height: 30px; display: block; } .zozo-social-icons.soc-icon-transparent li a { height: auto; } .zozo-social-icons i { color: #fff; display: block; text-align: center; font-size: 14px; line-height: 30px; } .zozo-social-icons.soc-icon-transparent i { color: #333; } .soc-icon-circle li a { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; display: block; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-circle li a:hover { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-flat li a { background-color: #333333; display: block; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-flat li a:hover { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .soc-icon-rounded li a { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .zozo-social-icons.soc-icon-transparent li.facebook a:hover, .zozo-social-icons.soc-icon-transparent li.facebook a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.facebook a:hover { color: #3B5998; background: none; } .zozo-social-icons li.facebook a:hover { background-color: #3B5998; } .zozo-social-share-icons li.facebook a:hover { background-color: #3B5998; border-color: #3B5998; } .zozo-social-icons.soc-icon-transparent li.twitter a:hover, .zozo-social-icons.soc-icon-transparent li.twitter a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.twitter a:hover { color: #55ACEE; background: none; } .zozo-social-icons li.twitter a:hover { background-color: #55ACEE; } .zozo-social-share-icons li.twitter a:hover { background-color: #55ACEE; border-color: #55ACEE; } .zozo-social-icons.soc-icon-transparent li.linkedin a:hover, .zozo-social-icons.soc-icon-transparent li.linkedin a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.linkedin a:hover { color: #007ab5; background: none; } .zozo-social-icons li.linkedin a:hover { background-color: #007ab5; } .zozo-social-share-icons li.linkedin a:hover { background-color: #007ab5; border-color: #007ab5; } .zozo-social-icons.soc-icon-transparent li.pinterest a:hover, .zozo-social-icons.soc-icon-transparent li.pinterest a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.pinterest a:hover { color: #c91921; background: none; } .zozo-social-icons li.pinterest a:hover { background-color: #c91921; } .zozo-social-share-icons li.pinterest a:hover { background-color: #c91921; border-color: #c91921; } .zozo-social-icons.soc-icon-transparent li.google-plus a:hover, .zozo-social-icons.soc-icon-transparent li.google-plus a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.google-plus a:hover { color: #dd4937; background: none; } .zozo-social-icons li.google-plus a:hover { background-color: #dd4937; } .zozo-social-share-icons li.google-plus a:hover { background-color: #dd4937; border-color: #dd4937; } .zozo-social-icons.soc-icon-transparent li.youtube a:hover, .zozo-social-icons.soc-icon-transparent li.youtube a:hover i { color: #e22b26; background: none; } .zozo-social-icons li.youtube a:hover { background-color: #e22b26; } .zozo-social-icons.soc-icon-transparent li.rss a:hover, .zozo-social-icons.soc-icon-transparent li.rss a:hover i { color: #f75f0b; background: none; } .zozo-social-icons li.rss a:hover { background-color: #f75f0b; } .zozo-social-icons.soc-icon-transparent li.tumblr a:hover, .zozo-social-icons.soc-icon-transparent li.tumblr a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.tumblr a:hover { color: #34465d; background: none; } .zozo-social-icons li.tumblr a:hover { background-color: #34465d; } .zozo-social-share-icons li.tumblr a:hover { background-color: #34465d; border-color: #34465d; } .zozo-social-icons.soc-icon-transparent li.reddit a:hover, .zozo-social-icons.soc-icon-transparent li.reddit a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.reddit a:hover { color: #FF4500; background: none; } .zozo-social-icons li.reddit a:hover { background-color: #FF4500; } .zozo-social-share-icons li.reddit a:hover { background-color: #FF4500; border-color: #FF4500; } .zozo-social-icons.soc-icon-transparent li.dribbble a:hover, .zozo-social-icons.soc-icon-transparent li.dribbble a:hover i { color: #ea4886; background: none; } .zozo-social-icons li.dribbble a:hover { background-color: #ea4886; } .zozo-social-icons.soc-icon-transparent li.vimeo a:hover, .zozo-social-icons.soc-icon-transparent li.vimeo a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.vimeo a:hover { color: #17B3E8; background: none; } .zozo-social-icons li.vimeo a:hover { background-color: #17B3E8; } .zozo-social-icons.soc-icon-transparent li.digg a:hover, .zozo-social-icons.soc-icon-transparent li.digg a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.digg a:hover { color: #1b5891; background: none; } .zozo-social-icons li.digg a:hover { background-color: #1b5891; } .zozo-social-share-icons li.digg a:hover { background-color: #1b5891; border-color: #1b5891; } .zozo-social-icons.soc-icon-transparent li.flickr a:hover, .zozo-social-icons.soc-icon-transparent li.flickr a:hover i { color: #ff0082; background: none; } .zozo-social-icons li.flickr a:hover { background-color: #ff0082; } .zozo-social-icons.soc-icon-transparent li.instagram a:hover, .zozo-social-icons.soc-icon-transparent li.instagram a:hover i { color: #9A6851; background: none; } .zozo-social-icons li.instagram a:hover { background-color: #9A6851; } .zozo-social-icons.soc-icon-transparent li.skype a:hover, .zozo-social-icons.soc-icon-transparent li.skype a:hover i { color: #00a9f1; background: none; } .zozo-social-icons li.skype a:hover { background-color: #00a9f1; } .zozo-social-icons.soc-icon-transparent li.blogger a:hover, .zozo-social-icons.soc-icon-transparent li.blogger a:hover i, .zozo-social-share-wrapper .zozo-social-share-icons li.blogger a:hover { color: #ff9334; background: none; } .zozo-social-icons li.blogger a:hover { background-color: #ff9334; } .zozo-social-share-icons li.blogger a:hover { background-color: #ff9334; border-color: #ff9334; } .zozo-social-icons.soc-icon-transparent li.yahoo a:hover, .zozo-social-icons.soc-icon-transparent li.yahoo a:hover i { color: #65106d; background: none; } .zozo-social-icons li.yahoo a:hover { background-color: #65106d; } .zozo-social-share-icons { padding: 0; margin: 0; list-style: none; } .zozo-social-share-icons li a:hover { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .zozo-subscribe-socials .zozo-social-icons { padding-left: 10px; } /* ================================================================ * BLOG * ================================================================ */ /* ---- Sticky Post ---- */ .sticky { } #sc-posts-infinite-container, #archive-posts-container { position: relative; } .entry-content p, .entry-summary p { margin-bottom: 10px; } p:last-child { margin-bottom: 0; } .entry-thumbnail { position: relative; margin-bottom: 30px; } .entry-header { margin-bottom: 15px; } .entry-footer { margin-top: 10px; } .entry-meta { padding: 0; margin: 8px 0 0; list-style: none; width: 100%; } .entry-meta i { margin-right: 3px; } .entry-meta-wrapper .entry-meta .meta-name { padding-right: 7px; } .entry-meta-wrapper .entry-meta i, .entry-meta-wrapper .entry-meta .meta-name { font-size: 12px; padding-right: 5px; } /* New */ .entry-meta li, .entry-meta a { color: #333; } .typo-dark .entry-meta li, .typo-dark .entry-meta a { color: #7f7f7f; } .entry-footer .read-more { float: left; } .entry-footer .social-share-container { float: right; } .zozo-social-share-icons li { float: none; display: inline-block; margin: 0 3px 5px; } .large-layout .large-posts .zozo-social-share-icons li:first-child { margin-left: 0; } .zozo-social-share-box .zozo-social-share-icons li a { font-size: 13px; height: 30px; width: 30px; line-height: 30px; /*background: transparent;*/ color: #7f7f7f; border: 1px solid #ccc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; display: block; text-align: center; } .zozo-social-share-box .zozo-social-share-icons li a:hover { color: #fff; } .large-layout .large-posts .btn-more.read-more-link, .zozo-searchresults.search-results-item .btn-more.read-more-link { padding: 6px 12px; } .large-posts { border-bottom: 1px dashed #e1e1e1; margin-bottom: 50px; padding-bottom: 40px; } .large-posts:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } /* ============ Blog List ============ */ .list-posts { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dashed #e1e1e1; } .list-layout .list-posts .post-featured-image { float: left; margin-right: 20px; position: relative; width: 300px; margin-bottom: 0; } .list-posts:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .list-layout .list-posts .entry-thumbnail-wrapper { height: 275px; overflow: hidden; position: relative; width: 300px; } .list-layout .list-posts .entry-thumbnail-wrapper .entry-thumbnail { left: 50%; margin-bottom: 0; position: absolute; top: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .list-layout .list-posts .entry-thumbnail-wrapper .entry-thumbnail img { left: 50%; max-width: none; position: relative; width: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .list-layout .list-posts .owl-item .blog-gallery-item { overflow: hidden; width: 100%; } .related-post-item { background: #f7f7f7; border: 1px solid #e1e1e1; margin-bottom: 1px; } .related-post-item .entry-thumbnail { margin-bottom: 0; } .related-post-item .related-content-wrapper { padding: 20px; } .related-post-item .related-content-wrapper h5 { margin-top: 0; text-transform: uppercase; } .related-post-item .related-content-wrapper h5 a { color: #333; } /* Single Post Gallery Slider */ .blog-single-carousel-slider { position: relative; } /* Gallery Post */ .post-featured-image.featured-gallery-slider { position: relative; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div { opacity: 0; color: #333; line-height: 30px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } article.post:hover .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div { opacity: 1; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-nav div:hover { color: #fff; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-prev { left: 5px; right: auto; } .featured-gallery-slider .owl-carousel.owl-theme .owl-controls .owl-next { right: 5px; } /* Blog Hover Style */ article.post .post-inner-wrapper .post-featured-image a, article.post:hover .post-inner-wrapper .post-featured-image a, article.post .post-inner-wrapper .post-featured-image a:after, article.post:hover .post-inner-wrapper .post-featured-image a:after, article.post .post-inner-wrapper .post-featured-image a:before, article.post:hover .post-inner-wrapper .post-featured-image a:before, .related-post-item .entry-thumbnail .post-img, .related-post-item .entry-thumbnail .post-img:before, .related-post-item .entry-thumbnail .post-img:after, .epl-listing-post .property-box .epl-blog-image, .epl-listing-post .property-box .epl-blog-image:after, .epl-listing-post .property-box .epl-blog-image:before { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } article.post .post-inner-wrapper .post-featured-image a, .related-post-item .entry-thumbnail .post-img, .epl-listing-post .property-box .epl-blog-image { position: relative; display: block; overflow: hidden; } article.post .post-inner-wrapper .post-featured-image a:after, .related-post-item .entry-thumbnail .post-img:after, .epl-listing-post .property-box .epl-blog-image:after { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; content: ""; left: 0; right: 0; top: 0; margin: 0 auto; position: absolute; width: 100%; height: 100%; opacity: 0; } article.post:hover .post-inner-wrapper .post-featured-image.only-image a:after, article.post:hover .post-inner-wrapper .post-featured-image.featured-gallery-slider .blog-gallery-item a:after, .related-post-item:hover .entry-thumbnail .post-img:after, .epl-listing-post:hover .property-box .epl-blog-image:after { opacity: 1; } article.post .post-inner-wrapper .post-featured-image a:before, .related-post-item .entry-thumbnail .post-img:before, .epl-listing-post .property-box .epl-blog-image:before { background: #333; border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-bottom: 2px solid rgba(0, 0, 0, 0.2); color: #222; content: none; font-family: "Flaticon"; height: 50px; left: 50%; line-height: 50px; font-size: 22px; position: absolute; text-align: center; width: 50px; z-index: 2; opacity: 0; top: 45%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } article.post:hover .post-inner-wrapper .post-featured-image.only-image a:before, article.post:hover .post-inner-wrapper .post-featured-image.featured-gallery-slider .blog-gallery-item a:before, .related-post-item:hover .entry-thumbnail .post-img:before, .epl-listing-post:hover .property-box .epl-blog-image:before { opacity: 1; top: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } /* Blog Video/ Audio */ .post.format-video.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper:before, .post.format-audio.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper:before { content: ""; display: block; position: absolute; background: url(/metal/wp-content/themes/metal/images/video-play.png) no-repeat center center; margin: 0; padding: 0; cursor: pointer; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 0; right: 0; height: 45px; z-index: 1; } article.post.format-video.has-post-thumbnail:hover .post-featured-image.only-image .entry-thumbnail-wrapper:before, article.post.format-audio.has-post-thumbnail:hover .post-featured-image.only-image .entry-thumbnail-wrapper:before { display: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .post.format-video.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper, .post.format-audio.has-post-thumbnail .post-featured-image.only-image .entry-thumbnail-wrapper { position: relative; } /* Blog Post Featured Image Slider */ .featured-carousel-slider { background: #fff; } .featured-carousel-slider.slider-dots-active { padding-bottom: 60px; } .featured-item, .featured-item:hover .featured-caption { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .featured-item { position: relative; } .featured-item:hover .featured-caption { opacity: 1; } .featured-caption { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; } .featured-caption .featured-caption-inner { color: #fff; padding: 0 15px; text-align: center; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .featured-caption .featured-caption-inner .featured-post-title { margin: 20px 0 15px; } .featured-caption .featured-caption-inner .featured-post-title a { color: #fff; text-transform: uppercase; } .featured-caption .featured-caption-inner .featured-description { color: #ccc; margin: 0 0 10px; padding: 0 27px; } .featured-caption .featured-caption-inner .post-category a:hover, .featured-caption .featured-caption-inner .post-category a:focus { color: #fff; } .featured-caption .featured-caption-inner .read-more a:hover, .featured-caption .featured-caption-inner .read-more a:focus { color: #fff; text-decoration: underline; } .featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-nav div { border: 0px; height: 50px; width: 50px; line-height: 49px; background: #222; font-size: 30px; border-radius: 0px; top: 50%; opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .featured-carousel-slider.owl-carousel.owl-theme.slider-dots-active .owl-controls .owl-nav div { margin-top: -30px; } .featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-nav .owl-prev { left: 0; right: auto; } .featured-carousel-slider.owl-carousel.owl-theme:hover .owl-controls .owl-nav div { opacity: 1; } .featured-carousel-slider.owl-carousel.owl-theme .owl-controls .owl-dots { background: #fff; position: absolute; left: 0; right: 0; bottom: 14px; } /* ============ Blog Grid ============ */ .grid-posts { margin-bottom: 30px; padding-bottom: 20px; } .grid-col-2 .grid-posts { width: 49%; width: calc( 50% - 15px); width: -webkit-calc( 50% - 15px); } .grid-col-3 .grid-posts { width: 32%; width: calc( 33.3333% - 20px); width: -webkit-calc( 33.3333% - 20px); } .grid-col-4 .grid-posts { width: 24%; width: calc( 25% - 23px); width: -webkit-calc( 25% - 23px); } .parallax-content .grid-layout { margin-bottom: 0px; } .blog .zozo-posts-container h2.entry-title{ position:relative; padding-left:40px; } .blog .zozo-posts-container h2.entry-title a:before, .blog .zozo-posts-container h2.entry-title a:after{ background: #555; content: ""; height: 15px; width:15px; left: 4px; position: absolute; top: 12px; transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); } .blog .zozo-posts-container h2.entry-title a:after{ background: #999; left: 12px; } /* New */ .posts-content-container .entry-meta-wrapper { float: left; margin-top: 20px; width: 100%; } .entry-meta-wrapper .entry-meta { padding: 0; margin: 0; list-style: none; width: auto; float: right; } .entry-meta-wrapper .read-more { float: left; } .latest-posts-layout .read-more { padding:0px 15px; background:none; letter-spacing:1px; } .entry-meta-wrapper .entry-meta .sticky-post { float: left; margin-right: 10px; } .entry-meta-wrapper .comments-link { float:right; } .entry-meta-wrapper .comments-link > a { padding-left:5px; color:#333; } .entry-meta-wrapper .read-more .btn-more.read-more-link { background:#eeeeee; border: medium none; font-weight: bold; font-size: 11px; padding:3px 15px; letter-spacing:1px; text-decoration: none; text-transform: uppercase; color: #222222; display: block; } .related-post-more { margin-top: 10px; } .related-post-more .btn-more.read-more-link { font-size: 11px; font-weight: bold; text-transform: uppercase; } .post .btn-more.read-more-link:hover, .post .btn-more.read-more-link:active, .post .btn-more.read-more-link:focus { color: #333; } .grid-layout .entry-header { margin-bottom:5px; } .grid-layout .post h2.entry-title { font-size:18px; line-height: 24px; margin-bottom: 15px; } .grid-layout .grid-posts .entry-meta i, .grid-layout .grid-posts .entry-meta .meta-name { font-size: 12px; padding-right: 5px; color: #444; } .grid-layout.grid-col-3 .grid-posts .entry-meta .meta-name, .grid-layout.grid-col-4 .grid-posts .entry-meta .meta-name { display: none; } .grid-layout.grid-col-3 .grid-posts .entry-meta li, .grid-layout.grid-col-4 .grid-posts .entry-meta li { margin-right: 20px; } /* New */ .grid-layout.grid-col-3 .grid-posts .entry-meta li:last-child, .grid-layout.grid-col-4 .grid-posts .entry-meta li:last-child{ margin-right: 0; } .post.format-quote.grid-posts .posts-inner-container, .post.format-quote.timeline-posts .posts-inner-container { padding: 0; border: none; } .post.format-quote.grid-posts .posts-content-container, .post.format-quote.timeline-posts .posts-content-container { padding: 15px; } .post.format-quote.grid-posts .quote-format p, .post.format-quote.grid-posts .quote-format blockquote, .post.format-quote.grid-posts .quote-format a, .post.format-quote.timeline-posts .quote-format p, .post.format-quote.timeline-posts .quote-format blockquote, .post.format-quote.timeline-posts .quote-format a { color: #fff; } .post.format-quote.grid-posts .zozo-social-share-icons li a, .post.format-quote.timeline-posts .zozo-social-share-icons li a { color: #fff; border-color: #fff; } .quote-format blockquote:after { top: auto; bottom: 0; } .posts-content-container { padding: 0; overflow: hidden; } h2.entry-title { margin-bottom: 10px; margin-top: 0; text-transform: uppercase; } h2.entry-title a { color: #333; } .btn.btn-more i { padding-left: 10px; padding-right: 0px; } .grid-posts .entry-thumbnail.quote-image { margin-bottom: 0; } .grid-posts .entry-thumbnail.quote-image img { width: 100%; } .grid-posts .entry-thumbnail.image-format { position: relative; } .entry-thumbnail.blog-medium-image { padding: 0; margin-right: 30px; } .medium-posts .audio-player.blog-medium-image { padding: 5px 20px; } .post-featured-image, .audio-player, .post .video-player { margin-bottom: 20px; } .parallax-content .entry-thumbnail, .parallax-content .audio-player, .parallax-content .video-player { margin-bottom: 10px; } .large-posts .entry-thumbnail, .large-posts .audio-player, .large-posts .video-player { margin-bottom: 20px; } .medium-posts .entry-thumbnail, .list-posts .audio-player, .medium-posts .video-player { margin-bottom: 0; } .timeline-posts .entry-thumbnail.image-format { margin-bottom: 0; } .grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-currenttime-container, .grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-duration-container { display: none; } .entry-thumbnail img { width: 100%; border:1px solid #ddd; } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } .quote-author { text-align: center; } .entry-meta li { display: inline-block; margin: 0 10px 0 0; } .entry-meta li.category { float: right; margin: 0 0 5px; } .entry-meta li.divider { margin: 0 8px; position: relative; } .entry-meta .author a { text-transform: capitalize; } .entry-meta li.divider:before { background-color: #d9d9d9; bottom: 0; content: ""; height: 15px; left: -8px; margin: auto; position: absolute; top: 0; width: 1px; } .category-image img { width: 100%; } .archive-header { margin-bottom: 15px; } .single-post .entry-header .entry-title { margin-bottom: 10px; } .tags-title, .sharing-title { font-size: 12px; display: inline-block; padding-right: 5px; } .post-tags > a { color: #7f7f7f; font-style: italic; } .post-tags > a:hover, .post-tags > a:active, .post-tags > a:focus { color: #fff; } /* Blockquote */ .post blockquote { padding: 12px 0 12px 25px; color: #7f7f7f; font-family: georgia; font-size: 20px; font-weight: normal; margin-top: 10px; } .post blockquote:after { height: 100%; content: ""; left: 0; width: 3px; } .post blockquote:before { content: none; } .post blockquote p { line-height: 30px; } /* Blockquote Reverse */ .post blockquote.blockquote-reverse { padding: 12px 25px 12px 0; display: block; } .post blockquote.blockquote-reverse:after { left: auto; right: 0; } .pagination { width: 100%; text-align: center; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .pagination > li { display: inline-block; margin: 0 4px; } .pagination > li > a, .pagination > li > span { border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; -o-border-radius: 0!important; -ms-border-radius: 0!important; background: transparent; border: none; color: #969696; padding: 0; margin: 0; text-align: center; height: 45px; line-height: 43px; font-size: 17px; width: 40px; border: 1px solid; } .pagination > li > .page-numbers.current { border: 1px solid transparent; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; -o-border-radius: 0!important; -ms-border-radius: 0!important; color:#ffffff !important; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { background: transparent; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: transparent; } .pagination > li > a.prev, .pagination > li > a.next { width: 40px; height: 45px; overflow: hidden; padding: 2px; position: relative; color: #969696; z-index: 1; } .pagination > li > a.prev { margin-right: 10px; } .pagination > li > a.next { margin-left: 0px; } .pagination > li > a.prev:hover, .pagination > li > a.prev:active, .pagination > li > a.prev:focus, .pagination > li > a.next:hover, .pagination > li > a.next:active, .pagination > li > a.next:focus { color: #fff; } .pagination > li > a.prev:hover:after, .pagination > li > a.prev:active:after, .pagination > li > a.prev:focus:after, .pagination > li > a.next:hover:after, .pagination > li > a.next:active:after, .pagination > li > a.next:focus:after { border: 1px solid; color: #fff; } /* ==== 404 Page ==== */ .content-404page { text-align: center; } .content-404page .title-one { color: #949494; font-weight: 400; text-transform: uppercase; margin: 15px 0px 30px; } .post-404 .entry-content { background: #f7f7f7 none repeat scroll 0 0; padding: 30px 20px 30px; border-radius: 5px; } .content-404page .title-two { color: #949494; font-size: 125px; text-align: center; line-height: 1; margin-bottom: 26px; } .content-404page span i { background-color: #949494; border-radius: 50%; color: #ffc400; font-size: 50px; height: 105px; line-height: 105px; margin: 10px 0 25px; width: 105px; } .search-404page { margin: 20px 15px; } .title-404 { color: #7f7f7f; font-size: 50px; font-weight: 100; margin-bottom: 32px; text-transform: lowercase; } .content-404page .title-three { font-weight: 300; margin-bottom: 37px; color: #7f7f7f; font-size: 20px; } .zozo-search-page.search-page-form { margin-bottom: 30px; } .zozo-search-no-results h1.entry-title { margin-bottom: 0; } .zozo-search-no-results .entry-header { margin-bottom: 30px; } .zozo-searchresults.search-results-item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1; } .zozo-searchresults h1 { font-weight: 300; } .zozo-searchresults.search-results-item .entry-thumbnail img { width: auto; max-width: 300px; float: left; margin-right: 20px; } .author-info { background-color: #f7f7f7; border: 1px solid #e1e1e1; margin-top: 40px; margin-bottom: 20px; padding: 30px; width: 100%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .author-name a { text-transform: capitalize; font-weight: 500; } .page-title-header .author-name { text-transform: capitalize; } .author-description { margin-top: 5px; font-size: 14px; color: #7f7f7f; margin-left: 95px; } .author-info-container { position: relative; } .author-title h4 { margin: 0; } .author-avatar { float: left; } .author-avatar img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .author-info-container .author-avatar, .author-info-page .author-avatar, .comment-container .avatar { margin-right: 20px; } .author-info-container .author-name { font-size: 20px; font-weight: 400; } .author-info-page { background-color: #f7f7f7; border: 1px solid #e1e1e1; padding: 30px; margin: 20px 0 40px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .author-links { margin-left: 95px; } .author-links .zozo-social-share-icons li:first-child { margin-left: 0; } .author-links .author-social { list-style: none; padding: 0; margin: 15px 0 0; } .zozo-social-share-box .author-social li a { border: 0 none; color: #222; line-height: 29px; } .form-allowed-tags { word-break: break-all; } .form-allowed-tags code { background: none; color: inherit; } .grid-posts .author-img { display: none; } .tags-share-section { border-top: 1px dashed #e1e1e1; clear: both; margin-top: 20px; padding: 25px 0; } .tags-share-section .share-options { text-align: right; } .tags-share-section .zozo-social-share-box { float: none; display: inline-block; } .vimeo-inner { max-width: 100% !important; } .comments-title h4, .no-comments { color: #000000; } .comment-avatar img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .comment-respond label { display: block; } .comment-reply-title { text-transform: capitalize; } .comment-status-text { color: #5d5d5d; font-size: 14px; min-height: 75px; } .comment-status-text .reply .edit { padding-right: 8px; } #comment { width: 100%; } .comments-section { padding-top: 20px; padding-bottom: 20px; } .comment-respond { margin-bottom: 60px; } .comments-title { margin-bottom: 15px; } .bypostauthor { } .zozo-all-comments { } .zozo-all-comments ul.children { list-style: none; padding-left: 100px; } .zozo-all-comments ul.children li .comment-container { position: relative; } .comment-container { border-bottom: 1px dashed #e1e1e1; padding: 30px 0; } .comment-container a { color: #9d9d9d; } .comment-avatar { float: left; } .time-diff { text-transform: capitalize; } .comment-list .author-name { display: inline-block; text-transform: capitalize; padding-right: 30px; margin-top: 0; } .comment-list .date { color: #9d9d9d; } .comment-list .edit { padding-right: 15px; } .comment-form .form-group { margin-bottom: 17px; } .comment-form input.form-control, .comment-form textarea, .comment-form textarea.form-control { font-size: 14px; color: #4e4e4e; padding: 5px 10px; } .comment-form .form-control::-moz-placeholder { color: #4e4e4e; } .comment-form .form-control:-ms-input-placeholder { color: #4e4e4e; } .comment-form .form-control::-webkit-input-placeholder { color: #4e4e4e; } .comment-respond .form-submit { margin-top: 10px; width: 33.3333%; padding: 0 15px 0 0; } .comment-container span, .comment-container a { color: #9d9d9d; } .comment-container span i, .comment-container a i { margin-right: 8px; } .comment-container .reply { float: right; margin-top: -24px; } #infscr-loading { position: absolute; bottom: -20px; left: 0; right: 0; margin: auto; width: 100%; text-align: center; background: none; padding: 8px 5px; color: #fff; } #infscr-loading img { margin: 0 auto; } .all-loaded { background: #eaeaea; color: #000; padding: 15px; } .pagination.infinite-scroll { display: none; } .zozo-hr-line { border-color: #eaeaea; } .video-player { background: #000000; } .video-player .mejs-container, .wp-video-shortcode, .mejs-overlay { width: 100% !important; margin: 0 auto; } .wp-video-shortcode { max-width: 100%; } .wp-video { width: 100% !important; } .youtube-inner { max-width: 100% !important; } .timeline-layout { position: relative; float: left; width: 100%; } .timeline-layout.clearfix:after { background: none repeat scroll 0 0 #E3E3E3; bottom: 0; clear: none; content: ""; display: block; height: 99%; left: 0; margin: auto; position: absolute; right: 0; top: 44px; visibility: visible; width: 2px; } .sc-timeline-title { display: inline-block; padding: 4px 12px; background: #EDEDED; position: relative; z-index: 99; margin-top: 10px; } .sc-blog-timeline-date { clear: both; text-align: center; } .timeline-icon { text-align: center; font-size: 35px; } .timeline-posts { width: 50%; position: relative; } .timeline-posts .posts-inner-container { padding: 15px; border: 1px solid #e3e3e3; margin-bottom: 10px; position: relative; width: 92%; min-height: 220px; } .timeline-posts.pull-right .posts-inner-container { float: right; } .timeline-posts.pull-left { clear: left; margin-top: 10px; } .timeline-posts.pull-right { clear: right; margin-top: 50px; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-left .sc-blog-timeline-arrow:before, .timeline-posts.pull-right .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { top: 25px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-left .sc-blog-timeline-arrow:before { left: 100%; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-left .sc-blog-timeline-arrow:before { border-left-color: #E0E0E0; } .timeline-posts.pull-left .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:after { border-color: transparent; border-width: 5px; margin-top: -5px; } .timeline-posts.pull-right .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { right: 100%; } .timeline-posts.pull-right .sc-blog-timeline-arrow:after, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { border-right-color: #E0E0E0; } .timeline-posts.pull-left .sc-blog-timeline-arrow:before, .timeline-posts.pull-right .sc-blog-timeline-arrow:before { border-width: 11px; margin-top: -11px; } .timeline-posts.pull-left:after, .timeline-posts.pull-right:after { background: none repeat scroll 0 0 #E0E0E0; border-radius: 50%; content: ""; display: block; height: 18px; position: absolute; top: 15px; width: 18px; z-index: 10; } .timeline-posts.pull-left:after { right: -9px; } .timeline-posts.pull-right:after { left: -9px; } .zozo-form-success, .zozo-form-error { padding: 10px; display: none; } .entry-content .zozo-form-success, .entry-content .zozo-form-error { margin-bottom: 15px; } .zozo-form-success i, .zozo-form-error i { padding-right: 10px; } /* Related Posts */ .related-portfolio-slider-section { margin-bottom: 40px; } ul.related-posts { list-style: none; padding: 0; } /*Latest Posts*/ .latest-posts-layout .post { margin-bottom: 28px; } .latest-posts-layout .post:last-child { margin-bottom: 0; } .latest-posts-layout .entry-thumbnail { max-width: 100px; float: left; margin-right: 15px; } .latest-posts-layout .entry-thumbnail img { border-radius: 6px; } .latest-posts-layout .posts-content-container .entry-header { margin-bottom: 10px; display: none; } .latest-posts-layout .posts-content-container h2.entry-title { font-size: 18px; font-weight: 400; margin-bottom: 0; line-height: 18px; } .latest-posts-layout .posts-content-container .entry-summary > p { margin-bottom: 5px; } .latest-posts-layout .entry-meta { margin: 0; } .latest-posts-layout .entry-meta .read-more { float: right; margin-right: 10px; } .latest-posts-layout .entry-meta .read-more > a:after { content: "\f105"; font-size: 14px; font-family: FontAwesome; font-style: normal; font-weight: 700; padding-left: 5px; } /* ================================================================ * VC Progress Bar * ================================================================ */ .bar-style-tooltip .tooltip { opacity: 1; font-family: inherit; } .bar-style-tooltip .tooltip .tooltip-inner { color: #333; padding: 6px 10px; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .bar-style-tooltip .tooltip.top { min-width: 52px; top: 0; right: -26px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } /* ================================================================ * CONTACT US * ================================================================ */ textarea { border: 1px solid #e1e1e1; border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .form-style-transparent input, .form-style-transparent .input, .form-style-transparent input.form-control, .form-style-transparent textarea { border: 1px solid #7c7c7c; color: #333; } .form-style-transparent .input-group input.form-control, .form-style-transparent .input-group input.form-control:focus { border-right-color: transparent !important; } .form-style-transparent textarea.form-control, .form-style-transparent input.form-control, .bg-skin-dark .form-style-transparent textarea.form-control, .bg-skin-dark .form-style-transparent input.form-control { background: transparent !important; } input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus { outline: none; } input[type="radio"], input[type="checkbox"] { display: inline-block; height: auto; } .form-control, .form-control:focus { box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .post-password-form label, .post-password-form input { display: inline-block; } input, input.form-control, textarea, textarea.form-control, .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea { font-size: 14px; } input:focus, .form-control:focus, textarea:focus, #respond input:focus, #respond textarea:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .typo-default .form-control::-moz-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-default .form-control:-ms-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-default .form-control::-webkit-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-light .form-control::-moz-placeholder { color: #e1e1e1; } .typo-light .form-control:-ms-input-placeholder { color: #e1e1e1; } .typo-light .form-control::-webkit-input-placeholder { color: #e1e1e1; } .typo-dark .form-control::-moz-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-dark .form-control:-ms-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .typo-dark .form-control::-webkit-input-placeholder { color: #4e4e4e; text-transform: capitalize; } .has-error .input-group-addon, .has-success .input-group-addon { background-color: transparent; } .has-error .zozo-input-group-addon .input-group-addon, .has-error .zozo-input-group-addon .form-control, .has-error textarea.form-control:focus, .has-error .zozo-input-group-addon input:focus, .has-error textarea:focus, .has-error .zozo-input-group-addon .form-control:focus { border-color: #a94442; } textarea:focus, .form-group textarea.form-control:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; } .form-group:last-child { margin-bottom: 0; } .typo-light .contact-form-wrapper .bg-success { background-color: transparent; } .form-style-flat input, .form-style-flat .input, .form-style-flat input.form-control, .form-style-flat select, .form-style-flat select.form-control, .form-style-flat textarea.form-control { background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); } .form-style-flat input, .form-style-flat .input, .form-style-flat input.form-control, .form-style-flat select, .form-style-flat select.form-control, .form-style-flat textarea.form-control, .form-style-flat .btn.zozo-submit { border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; } /* ============ CONTACT INFO ============== */ /* Default */ .contact-widget-title { font-size: 40px; } .contact-widget-title, .contact-info-container h5 { line-height: 1.3; margin-bottom: 22px; } .contact-info-container h5 { font-size: 32px; } .contact-info-inner h5 a:hover { color: #333; } .typo-light .contact-info-inner h5 a:hover { color: #fff; } .contact-info-inner .zozo-social-icons li a { height: 60px; width: 60px; line-height: 60px; font-size: 25px; } .contact-info-inner .zozo-social-icons li a i { line-height: 60px; font-size: 25px; } .zozo-social-icons.social-style-bordered li a { background: transparent; border: 1px solid #e1e1e1; } .zozo-social-icons.social-style-bordered li a i { color: #7f7f7f; } .typo-light .zozo-social-icons.social-style-bordered li a i { color: #fff; } .zozo-social-icons.social-style-bordered li a:hover i { color: #fff; } /* Show Divider */ .show-separator .contact-widget-title, .show-separator.contact-info-container h5 { line-height: 1.2; margin-bottom: 15px; } .show-separator .contact-widget-desc { border-bottom: 1px solid #e1e1e1; margin-bottom: 15px; padding-bottom: 15px; } /* Contact Info 2 */ .contact-info-container.contact-info-style2 .contact-widget-title { margin-top: 0; } .contact-info-container.contact-info-style2 h6 { color: #333; display: inline-block; padding: 6px 10px; font-weight: 300; text-transform: uppercase; } .contact-info-container.contact-info-style2 h5 { font-size: 14px; margin-top: 0; margin-bottom: 10px; color: #7f7f7f; } .typo-light .contact-info-container.contact-info-style2 h5 { color: #fff; } .typo-dark .contact-info-container.contact-info-style2 h5 { color: #333; } .contact-info-container.contact-info-style2 .zozo-social-icons li a { height: 30px; width: 30px; line-height: 30px; } .contact-info-container.contact-info-style2 .zozo-social-icons li a i { line-height: 30px; font-size: 14px; } /* ----------- CONTACT FORM 7 ------------- */ .wpcf7 input { height: 40px; width: 100%; padding-top: 6px; padding-bottom: 6px; } .wpcf7 textarea { max-height: 110px; width: 100%; padding-top: 6px; } .wpcf7 .height-large { max-height: none; } .wpcf7 p { font-weight: bold; } .wpcf7 input[type="submit"] { width: auto; height: auto; padding: 9px 12px; } .wpcf7 .btn-wide input[type="submit"] { width: 100%; max-width: 205px; } .wpcf7 input[type="file"] { padding-left: 0; } .wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] { height: auto; width: auto; display: inline-block; } .wpcf7 p { font-weight: 700; font-size: 13px; color: #7f7f7f; margin-bottom: 0; } .wpcf7 textarea, .wpcf7 input, .wpcf7 select { background:transparent; box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -ms-box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -o-box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; font-weight: normal; padding-left: 10px; margin-bottom: 20px; } .wpcf7 input.wpcf7-file { border:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; padding:0; } .wpcf7 input[type="submit"] { margin-bottom: 0; } span.wpcf7-form-control-wrap { display: block; position: relative; } span.wpcf7-not-valid-tip { bottom: 0; font-size: 13px; font-weight: normal; left: 0; /*position: absolute;*/ } .wpcf7 input::-moz-placeholder, .wpcf7 textarea::-moz-placeholder { color: #888; opacity: 1; } .wpcf7 input:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder { color: #888; } .wpcf7 input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder { color: #888; } .wpcf7 textarea, .wpcf7 input { color: #333; } span.wpcf7-not-valid-tip { font-size: 13px; font-weight: normal; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { border: 0px; color: #da0000; margin-left: 0; padding: 0; } div.wpcf7-mail-sent-ok { color: #398f14; } .wpcf7 select[multiple], .wpcf7 select[size] { width: 100%; } .wpcf7-form-control-wrap label { width: 100%; } .wpcf7 input.btn-block[type="submit"] { width: 100%; } /* Appointment Form */ .selectbox-arrow select { color: #888; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 5px; background: transparent url("/metal/wp-content/themes/metal/images/arrow-bottom.png") no-repeat scroll 100% 0px; } .selectbox-arrow input { background: transparent; } .selectbox-arrow input::-moz-placeholder, .selectbox-arrow textarea::-moz-placeholder { color: #888; } .selectbox-arrow input::-webkit-input-placeholder, .selectbox-arrow textarea::-webkit-input-placeholder { color: #888; } .selectbox-arrow input:-ms-input-placeholder, .selectbox-arrow textarea:-ms-input-placeholder { color: #888; } .wpcf7 h6, .wpcf7 h5 { margin-bottom: 0; } .wpcf7 h6 label, .wpcf7 .label-full label { background: #f1f1f1 none repeat scroll 0 0; display: block; padding: 12px; margin-top: 15px; font-size: inherit; font-weight: inherit; } .checkbox-full .wpcf7-list-item { display: block; margin: 9px 0; } .checkbox-full .wpcf7-list-item input[type="checkbox"] { margin: 7px 8px 0 0; float: left; } /* Short Appointment Form */ .widget .wpcf7 textarea, .widget .wpcf7 input, .widget .wpcf7 select { margin-bottom: 10px; } /* ----------- GRAVITY FORM ------------- */ .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea { height: 35px; padding: 10px; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent; border: none; margin-bottom: 0 !important; padding: 0 !important; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-bottom: 0 !important; margin-top: 0; padding-left: 0 !important; } .gform_wrapper .top_label .gfield_error { width: 100%; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 10px; } .gform_wrapper .top_label .gfield_error .ginput_container { max-width: 100%; } .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { font-weight: inherit; } .gform_wrapper .top_label .gfield_label { font-weight: 600; color: #7f7f7f; font-size: 13px; } .gform_wrapper .gfield_error .gfield_label, .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio { color: #7f7f7f; } .gform_confirmation_message { color: green; } .gform_wrapper div.validation_error { border: 0px; padding-bottom: 0; font-weight: inherit; font-size: 13px; color: #da0000; margin-bottom: 0; } .gform_wrapper .validation_message { color: #da0000; font-weight: inherit; } .gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error textarea { border-color: #e1e1e1; } .gmap_canvas img { max-width: none; } /* VC Post Grid */ .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_date > div { font-style: italic; } /* ================================================================ * MAILCHIMP * ================================================================ */ .form-style-transparent input { color: #fff; } .form-style-transparent .form-control::-moz-placeholder { color: #e1e1e1; } .form-style-transparent .form-control::-webkit-input-placeholder { color: #e1e1e1; } .form-style-transparent .form-control:-ms-input-placeholder { color: #e1e1e1; } .typo-dark .form-style-transparent .form-control::-moz-placeholder { color: #333; } .typo-dark .form-style-transparent .form-control::-webkit-input-placeholder { color: #333; } .typo-dark .form-style-transparent .form-control:-ms-input-placeholder { color: #333; } .zozo-form-group-addon .input-group-addon { padding: 0; margin: 0; border: none; } .form-btn-inline .zozo-form-group-addon .input-group-addon .btn { border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; height: 100%; margin: 0; padding: 0 12px; height: 40px; line-height: 40px; } .mailchimp-email.zozo-form-group-addon .form-control-feedback { line-height: 40px; height: 40px; right: -30px; } .form-control-feedback { line-height: 40px; } .form-btn-right .mailchimp-email.zozo-form-group-addon .input-group-addon { padding-left: 15px; } .form-btn-right .input-group .form-control { border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; } /* ================================================================ * DOMAIN SEARCH FORM * ================================================================ */ .form-domain-view .zozo-form-group-addon .input-text.form-control { max-width: 85%; } .form-domain-view .zozo-form-group-addon .input-select { max-width: 15%; display: table-cell; box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; padding: 6px 8px; float: left; margin-bottom: 0; position: relative; width: 100%; z-index: 2; } .form-domain-view .form-btn-inline .zozo-form-group-addon .input-select { border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -o-border-top-left-radius: 0; -ms-border-top-left-radius: 0; border-left-color: transparent; } .form-domain-view .form-btn-right .zozo-form-group-addon .input-text.form-control { max-width: 85%; margin-right: 2.5%; } .form-domain-view .form-btn-right .zozo-form-group-addon .input-select { margin-right: 2.5%; } /* ================================================================ * PORTFOLIO * ================================================================ */ .portfolio-item { } .portfolio-item img { width: 100%; border:1px solid #ddd; } .portfolio-item img:hover{ } .portfolio-content, .portfolio-img { position: relative; } .portfolio-content .portfolio-overlay .portfolio-title { color: #fff; padding: 15px 20px 0; } .portfolio-content .overlay-buttons { padding: 0 20px; } .portfolio-content .portfolio-overlay .portfolio-title h4, .portfolio-content .portfolio-overlay .portfolio-title p { color: #fff; } .portfolio-content .portfolio-overlay .portfolio-title p { margin-bottom: 10px; } .portfolio-overlay { position: relative; background-color: rgba(0, 0, 0, 0.8); position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; text-align: center; bottom: 0; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; } .portfolio-item:hover .portfolio-overlay { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .portfolio-mask { left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .portfolio-mask a { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; color: #fff; border: 1px solid #fff; display: inline-block; height: 35px; line-height: 35px; margin: 0 5px; overflow: hidden; position: relative; width: 35px; z-index: 1; } .portfolio-mask a:hover { color: #fff; } .portfolio-tabs { margin: 0 0 50px; line-height: 2; } .portfolio-tabs li { margin: 0; padding: 0; } .portfolio-tabs li a { padding: 7px 15px; background: none; position: relative; margin: 0 20px 0; border: 1px solid rgba(0, 0, 0, 0); display: block; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; z-index: 1; } .portfolio-tabs.text-left li:first-child a { margin-left: 0; } .portfolio-tabs.text-right li:last-child a { margin-right: 0; } .typo-default .portfolio-tabs li a, .typo-default .portfolio-tabs li a.active, .typo-default .portfolio-tabs li a:hover { color: #171717; } .typo-default .portfolio-tabs li a.active, .typo-default .portfolio-tabs li a:hover { border-color: #171717; } .typo-light .portfolio-tabs li a, .typo-light .portfolio-tabs li a.active, .typo-light .portfolio-tabs li a:hover { color: #FFFFFF; } .typo-dark .portfolio-tabs li a, .typo-dark .portfolio-tabs li a.active, .typo-dark .portfolio-tabs li a:hover { color: #333; } .typo-light .portfolio-tabs li a.active, .typo-light .portfolio-tabs li a:hover { border-color: #fff; } .typo-dark .portfolio-tabs li a.active, .typo-dark .portfolio-tabs li a:hover { border-color: #333; } .portfolio-tabs-wb { margin: 0 0 50px; line-height: 2; } .portfolio-tabs-wb li { margin: 0; padding: 0; } .portfolio-tabs-wb li a { padding: 7px 15px; background: none; position: relative; margin: 0 20px 0; border: 1px solid rgba(0, 0, 0, 0); display: block; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; z-index: 1; } .portfolio-tabs-wb.text-left li:first-child a { margin-left: 0; } .portfolio-tabs-wb.text-right li:last-child a { margin-right: 0; } .typo-default .portfolio-tabs-wb li a, .typo-default .portfolio-tabs-wb li a.active, .typo-default .portfolio-tabs-wb li a:hover { color: #171717; } .typo-default .portfolio-tabs-wb li a.active, .typo-default .portfolio-tabs-wb li a:hover { border-color: #171717; } .typo-light .portfolio-tabs-wb li a, .typo-light .portfolio-tabs-wb li a.active, .typo-light .portfolio-tabs-wb li a:hover { color: #FFFFFF; } .typo-dark .portfolio-tabs-wb li a, .typo-dark .portfolio-tabs-wb li a.active, .typo-dark .portfolio-tabs-wb li a:hover { color: #333; } .typo-light .portfolio-tabs-wb li a.active, .typo-light .portfolio-tabs-wb li a:hover { border-color: #fff; } .typo-dark .portfolio-tabs-wb li a.active, .typo-dark .portfolio-tabs-wb li a:hover { border-color: #333; } .single-portfolio-item.item-video { height: 300px; } .portfolio-gallery img { width: 100%; } .portfolio-nav { float: right; margin-bottom: 0; } .portfolio-nav li { padding: 0; margin: 0 3px; } .portfolio-nav li a { padding: 4px 10px; display: block; color: #FFFFFF; } .portfolio-single .portfolio-gallery { margin-bottom: 30px; } .portfolio-details, .portfolio-sharing { margin-bottom: 20px; float: left; width: 100%; } .portfolio-box { float: left; width: 100%; display: table; margin: 0 0 2px; } .portfolio-box h5 { width: 115px; margin: 0; display: table-cell; } .portfolio-box > div { display: table-cell; } .portfolio-box > div, .portfolio-box a { color: #3e3f3f; } .portfolio-sharing .portfolio-info-title { margin-bottom: 5px; } .portfolio-custom-text { font-size: 13px; margin-bottom: 0; text-transform: uppercase; } /* ============ Portfolio Single ============ */ .portfolio-single .portfolio-custom-text { padding-bottom: 10px; padding-top: 10px; } .portfolio-single .portfolio-sharing { margin-top: 0px; } /* Social Icons */ .portfolio-single .zozo-social-share-box .zozo-social-share-icons li a, .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.facebook a:hover i{ color:#fff; } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.facebook a:hover{ background-color:#3E5B98; border-color:#3E5B98; color:#fff; } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.twitter a:hover{ background-color:#4CA6DE; border-color:#4CA6DE; color:#fff; } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.linkedin a:hover, .portfolio-single .zozo-social-share-wrapper .zozo-social-share-icons li.linkedin a:hover{ background-color:#3371B8; border-color:#3371B8; color:#fff; } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.google-plus a:hover{ background-color:#D93F2D; border-color:#D93F2D; color:#fff; } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li.email a:hover{ background-color:#CA3A27; border-color:#CA3A27; color:#fff; } /* ============ Portfolio Slider ============ */ .portfolio-slider-item .portfolio-title, .portfolio-slider-item .portfolio-title > h4 { color: #FFFFFF; margin-bottom: 10px; } .latest-portfolio-slider-section { padding: 30px 0 60px; } /* ============ Overlay Animations ============ */ .zozo-img-wrapper .overlay-buttons { margin: 0 0 15px 0; position: relative; z-index: 9; } .overlay-buttons > li { display: inline-block; padding: 0; } .overlay-buttons > li > a { display: inline-block; font-size: 14px; font-weight: normal; margin: 0 2px; text-align: center; } .zozo-img-wrapper:hover .overlay-buttons.fade-up { -webkit-animation: fadeInUp 0.3s linear both; -moz-animation: fadeInUp 0.3s linear both; -o-animation: fadeInUp 0.3s linear both; -ms-animation: fadeInUp 0.3s linear both; animation: fadeInUp 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.fade-right { -webkit-animation: fadeInRight 0.3s linear both; -moz-animation: fadeInRight 0.3s linear both; -o-animation: fadeInRight 0.3s linear both; -ms-animation: fadeInRight 0.3s linear both; animation: fadeInRight 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.fade-down { -webkit-animation: fadeInDown 0.3s linear both; -moz-animation: fadeInDown 0.3s linear both; -o-animation: fadeInDown 0.3s linear both; -ms-animation: fadeInDown 0.3s linear both; animation: fadeInDown 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.fade-left { -webkit-animation: fadeInLeft 0.3s linear both; -moz-animation: fadeInLeft 0.3s linear both; -o-animation: fadeInLeft 0.3s linear both; -ms-animation: fadeInLeft 0.3s linear both; animation: fadeInLeft 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.zoom-in { -webkit-animation: zoomIn 0.3s linear both; -moz-animation: zoomIn 0.3s linear both; -o-animation: zoomIn 0.3s linear both; -ms-animation: zoomIn 0.3s linear both; animation: zoomIn 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.rotate-in { -webkit-animation: rotateIn 0.3s linear both; -moz-animation: rotateIn 0.3s linear both; -o-animation: rotateIn 0.3s linear both; -ms-animation: rotateIn 0.3s linear both; animation: rotateIn 0.3s linear both; } .zozo-img-wrapper:hover .overlay-buttons.flip-x { -webkit-animation: flipInX 0.6s linear 0.3s both; -moz-animation: flipInX 0.6s linear 0.3s both; -o-animation: flipInX 0.6s linear 0.3s both; -ms-animation: flipInX 0.6s linear 0.3s both; animation: flipInX 0.6s linear 0.3s both; } .zozo-img-wrapper:hover .overlay-buttons.flip-y { -webkit-animation: flipInY 0.6s linear 0.3s both; -moz-animation: flipInY 0.6s linear 0.3s both; -o-animation: flipInY 0.6s linear 0.3s both; -ms-animation: flipInY 0.6s linear 0.3s both; animation: flipInY 0.6s linear 0.3s both; } /* ============ Overlay Positions ============ */ .zozo-img-wrapper .overlay-mask.position-top, .zozo-img-wrapper .overlay-mask.position-bottom, .zozo-img-wrapper .overlay-mask.position-top-right, .zozo-img-wrapper .overlay-mask.position-top-left, .zozo-img-wrapper .overlay-mask.position-bottom-left, .zozo-img-wrapper .overlay-mask.position-bottom-right { transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; -webkit-transform: none; } .zozo-img-wrapper .overlay-mask.position-right { right: 0; left: auto; text-align: right; } .zozo-img-wrapper .overlay-mask.position-left { right: auto; left: 0; text-align: left; } .zozo-img-wrapper .overlay-mask.position-top { top: 0; bottom: auto; } .zozo-img-wrapper .overlay-mask.position-bottom { bottom: 0; top: auto; } .zozo-img-wrapper .overlay-mask.position-top-right { top: 0; bottom: auto; right: 0; left: auto; text-align: right; } .zozo-img-wrapper .overlay-mask.position-top-left { top: 0; bottom: auto; right: auto; left: 0; text-align: left; } .zozo-img-wrapper .overlay-mask.position-bottom-right { bottom: 0; top: auto; right: 0; left: auto; text-align: right; } .zozo-img-wrapper .overlay-mask.position-bottom-left { bottom: 0; top: auto; right: auto; left: 0; text-align: left; } /* Portfolio Single */ .portfolio-single .portfolio-desc-title, .portfolio-single .portfolio-info-title { text-transform: uppercase; } .portfolio-single .portfolio-box p { margin-bottom: 10px; } .single-portfolio-slider.owl-carousel.owl-theme .owl-controls .owl-nav div { background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%) repeat-x scroll 0 0; color: #fff; font-size: 36px; height: 100%; line-height: 100%; top: 0; transform: none; width: 10%; } .single-portfolio-slider.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{ background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%) repeat-x scroll 0 0; right: auto; left: 0; } .single-portfolio-slider.owl-carousel.owl-theme .owl-controls .owl-nav div i { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .portfolio-single .zozo-social-share-box .zozo-social-share-icons li a{ border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .portfolio-single .portfolio-info-title, .portfolio-single .portfolio-desc-title { margin: 0 0 12px; padding: 14px 0; text-transform: uppercase; position: relative; } .portfolio-single .portfolio-info-title::before, .portfolio-single .portfolio-desc-title::before{ bottom: 0; content: ""; display: block; height: 2px; left: 0; margin: -2px auto; position: absolute; width: 40px; background: #e1e1e1; } /* ================================================================ * SECONDARY MENU * ================================================================ */ .side-menu { text-align: center; } .secondary_menu { position: fixed; background: #2B2B2B; overflow-y: hidden; z-index: 300; padding: 30px 15px 15px; display: none; } .secondary_menu.top { width: 100%; } .secondary_menu.right { width: 25%; right: 0; height: 100%; } .secondary_menu.left { width: 25%; left: 0; height: 100%; padding: 15px; } .secondary_menu_close { float: right; color: #FFFFFF; font-size: 22px; padding-right: 10px; margin-top: -30px; } .secondary_menu.right .secondary_menu_close { float: left; } .secondary_menu .widget { border: none; padding: 0; } .secondary_menu .widget_nav_menu .menu { margin: 0; } .secondary_menu .widget_nav_menu ul li.menu-item { padding: 9px 10px; border-bottom: 1px solid #4F4F4F; margin: 0; } .secondary_menu .widget_nav_menu ul li.menu-item > a { color: #ddd; text-transform: uppercase; display: block; } .secondary_menu .widget_text { color: #777777; } .secondary_menu .call-to-action-inner { background: transparent; border: none; padding: 10px 0; } .secondary_menu .call-to-action-inner .btn { padding-top: 7px; padding-bottom: 7px; } /* ================================================================ * TABS * ================================================================ */ .animated .zozo-tabs .tab-content > .active, .animated .zozo-accordion .panel-collapse.collapse.in { visibility: hidden; } .animated.visible .zozo-tabs .tab-content > .active, .animated.visible .zozo-accordion .panel-collapse.collapse.in { visibility: visible; } .zozo-left-vertical .tab-content > .tab-pane, .zozo-right-vertical .tab-content > .tab-pane { padding: 0; } .tabs-left, .tabs-right { border-bottom: none; } .nav-tabs.tabs-left > li, .nav-tabs.tabs-right > li { float: none; } .nav-tabs.tabs-right > li > a { margin-right: 0; } .nav-tabs > li:last-child > a { margin: 0; } .zozo-tabs ul li a i { padding-right: 10px; } .zozo-tabs .nav-tabs > li > a { cursor: pointer; background: #f7f7f7; padding: 10px 20px 11px; color: #1e1e1e; text-transform: capitalize; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .nav-tabs > li > a:hover { border-color: #fff; border-bottom-color: #e1e1e1; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:focus { background: #fff; color: #555; } .zozo-tab-horizontal .nav-tabs { border: 0px; } .zozo-tab-horizontal .nav-tabs > li { float: none; display: table-cell; } .zozo-tab-horizontal .nav-tabs > li.active a { border-color: #e1e1e1; border-bottom-color: transparent; } .zozo-tab-horizontal .tab-content { margin-top: -1px; border-top: 1px solid; border-bottom: 1px solid; border-color: #e1e1e1; padding: 20px 0; } .tab-content > .tab-pane p:last-child { margin-bottom: 0px; } /* Tab Vertical Left & Right */ .zozo-left-vertical .nav-tabs { float: left; padding-right: 20px; } .zozo-left-vertical .nav-tabs > li > a { margin-right: 0; } .zozo-left-vertical .nav-tabs > li > a, .zozo-right-vertical .nav-tabs > li > a { padding: 10px 20px 11px; border: 1px solid transparent; border-right-color: #e1e1e1; margin-bottom: -2px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .zozo-left-vertical .nav-tabs > li.active > a { border-color: #e1e1e1; border-right-color: transparent; } /* Right Tab */ .zozo-right-vertical .nav-tabs.tabs-right { float: right; padding-left: 20px; } .zozo-right-vertical .nav-tabs.tabs-right li { margin-bottom: 1px; } .zozo-right-vertical .nav-tabs.tabs-right > li > a { border: 1px solid transparent; border-left-color: #e1e1e1; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } .zozo-right-vertical .nav-tabs.tabs-right > li.active > a { border-color: #e1e1e1; border-left-color: transparent; } /* ================================================================ * ACCORDION * ================================================================ */ /* Accordion Default */ .panel-group { margin-bottom: 0; } .zozo-accordion-default .zozo-accordion-panel.panel { border: 0px; } .zozo-accordion-default .zozo-accordion-panel.panel.panel-default { margin: 0; } .zozo-accordion.zozo-accordion-default .panel-title a { padding: 9px 0px; font-weight: 600; border-bottom: 1px solid #e1e1e1; line-height: 30px; } .zozo-accordion.zozo-accordion-default .panel-title a.collapsed { color: #333; } .zozo-accordion.zozo-accordion-default .panel-body { padding: 15px 0; } .zozo-accordion.zozo-accordion-default .panel-title a:after { content: none; display: none; } /* Accordion classic */ .zozo-accordion.zozo-accordion-classic { padding: 5px 20px; border: 1px solid #e1e1e1; } .zozo-accordion-classic .zozo-accordion-panel.panel.panel-default { margin: 0; border: 0px; border-bottom: 1px solid #e1e1e1; } .zozo-accordion-classic .zozo-accordion-panel.panel.panel-default:last-child { border-bottom: 0px; } .zozo-accordion.zozo-accordion-classic .panel-title a { border: 0px; line-height: 30px; padding: 9px 0px; border-bottom: 1px solid #e1e1e1; } .zozo-accordion.zozo-accordion-classic .panel-title a.collapsed { border-bottom: 0px; color: #333; } .zozo-accordion.zozo-accordion-classic .panel-body { padding: 15px 0; } /* =============== Blockquote =============== */ blockquote.blockquote-reverse:before { left: auto; right: 0; } /* ================================================================ * CLIENT SLIDER * ================================================================ */ .zozo-client-slider-wrapper .owl-carousel.owl-theme .owl-dots { margin-top: 20px; } .zozo-client-grid { margin:0 -15px; } .zozo-client-grid .client-item { text-align: center; margin-bottom:15px; } .zozo-client-grid img { margin: 0 auto; border:1px solid #e1e1e1; border-left:2px solid #333; padding:15px; transition:0.3s all ease-in-out; -webkit-transition:0.3s all ease-in-out; -moz-transition:0.3s all ease-in-out; -ms-transition:0.3s all ease-in-out; -o-transition:0.3s all ease-in-out; } /* Client Grid Column*/ .client-columns-4 .client-grid-spacer .client-item, .client-columns-3 .client-grid-spacer .client-item, .client-columns-2 .client-grid-spacer .client-item { margin-bottom: 30px; } .client-columns-4 .client-grid-spacer .client-item:nth-last-child(4), .client-columns-4 .client-grid-spacer .client-item:nth-last-child(3), .client-columns-4 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-4 .client-grid-spacer .client-item:nth-last-child(1), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(3), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-3 .client-grid-spacer .client-item:nth-last-child(1), .client-columns-2 .client-grid-spacer .client-item:nth-last-child(2), .client-columns-2 .client-grid-spacer .client-item:nth-last-child(1) { margin-bottom: 0; } /* ================================================================ * WIDGETS * ================================================================ */ .widget { margin-bottom: 15px; } .sidebar .widget { margin-bottom: 30px; } .widget-title { border-bottom: 1px solid #e1e1e1; } .sidebar .widget-title { margin-top: 0; } .widget.widget_search { padding: 0; border: none; } .widget.widget_search .widget-title { display: none; } .widget input, .widget select, .widget textarea { width: 100%; } .widget ul { padding: 0px; list-style: none; margin-bottom: 0; } .widget li { list-style: none; line-height: 26px; } .widget.widget_recent_entries li a, .widget.widget_recent_comments li .comment-author-link a, .widget.zozo_category_posts_widget li a, .widget.widget_categories li a, .widget.widget_archive li a, .widget.widget_meta li a, .widget.widget_nav_menu li a, .widget.widget_edd_categories_tags_widget li a { color: #222; padding-left: 20px; position: relative; } .widget.widget_recent_entries li a:before, .widget.widget_recent_comments li .comment-author-link a:before, .widget.zozo_category_posts_widget li a:before, .widget.widget_categories li a:before, .widget.widget_archive li a:before, .widget.widget_meta li a:before, .widget.widget_edd_categories_tags_widget li a:before { content: "\f105"; display: block; font-family: FontAwesome; left: 0; position: absolute; color: inherit; top: -5px; } .widget.widget_recent_entries li a:hover, .widget.widget_recent_comments li a:hover, .widget.zozo_category_posts_widget li a:hover, .widget.widget_categories li a:hover, .widget.widget_archive li a:hover, .widget.widget_meta li a:hover, .widget.widget_nav_menu li a:hover, .widget.widget_edd_categories_tags_widget li a:hover { color: #333; } .widget_archive li, .widget_categories li, .widget_meta li, .widget_pages li, .widget_nav_menu li { margin: 5px 0; } .widget_rss li { margin: 12px 0; } /*Latest post*/ .widget.zozo_popular_posts_widget li.posts-item { border-bottom: 1px dashed #e1e1e1; margin-bottom: 10px; padding: 15px 0; } .widget.zozo_popular_posts_widget li.posts-item:last-child { border: none; margin-bottom: 0; } .sidebar .zozo-latest-posts .posts-title { font-size: 15px; font-weight: 700; margin-bottom: 8px; text-transform: uppercase; } .sidebar .zozo-latest-posts .posts-title a { color:#333333; } .sidebar .zozo-latest-posts .latest-post-img { height: 65px; width: 65px; } .sidebar .zozo-latest-posts p { font-size: 12px; line-height: 20px; margin-bottom: 5px; } /*Counter Widget*/ .sidebar .zozo-count-number .zozo-counter-count { line-height: 16px; color: #7f7f7f; } .sidebar .zozo-count-number .zozo-counter-count > .counter { color: #333333; padding-left: 10px; } .posts-item, .cat-posts-item { margin: 5px 0; } .widget_recent_entries li { margin: 5px 0; } .widget_recent_entries .post-date { display: block; } .widget_recent_entries li:first-child { border-top: 0; } .posts-item:last-child { margin-bottom: 0; } .posts-title { margin-top: 0; } .widget_nav_menu ul li.menu-item .sub-menu { margin-top: 5px; } .latest-posts-menu .entry-date { font-size: 13px; color: #7f7f7f; } .latest-post-img { width: 60px; height: 60px; float: left; margin: 0 10px 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; } /* Call To Action */ .zozo_call_to_action_widget { padding: 0; } .call-to-action-inner { padding: 2px 0px 12px; } .call-to-action-inner h2 { margin: 0 0 10px; } .call-btn-col { padding-top: 3px; } .zozo-call-action .call-action-text { border-bottom: 0px; line-height: 25px; margin-top: 0; } .zozo_flickr_widget, .zozo_instagram_widget { overflow: hidden; } .flickr_photo_item, .instagram-item { margin: 0; padding: 0; float: left; max-width: 33.3%; width: 100%; } .flickr_photo_item.image-thumbnail, .instagram-item.image-thumbnail { width: 20%; } .flickr_photo_item.image-medium, .instagram-item.image-medium { width: 25%; } .flickr_photo_item.image-large, .instagram-item.image-large { width: 33.33%; } .flickr_photo_item img, .instagram-item img { width: 100%; padding: 0 2px 2px 0; } .flickr_photo_item:hover { opacity: 0.7; } .widget.zozo_tabs_widget { border: none; padding: 0; } .zozo-tabs-widget .tab-content > .tab-pane { border-width: 0 1px 1px; border-style: solid; border-color: #ddd; padding: 14px 16px; background: #fff; float: left; width: 100%; } .zozo-tabs-widget .nav-tabs li h6 { margin: 0; padding: 0; } .zozo-tabs-widget .nav-tabs li h6 a { display: block; border: 1px solid; border-color: transparent; border-bottom: 0px; padding: 10px 15px; text-transform: uppercase; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .zozo-tabs-widget .nav-tabs li.active h6 a { background: #fff; border-color: #ddd; } .zozo_tabs_widget .tab-content ul { float: none; } .zozo-tabs-widget .nav-tabs li h6 a:hover { background-color: #fff; border-color: #ddd #ddd transparent; } .zozo-tabs-widget img { max-width: 60px; } .widget-posts-list li { padding-bottom: 15px; border-bottom: 1px solid; border-color: #DFDFDF; margin-bottom: 15px; clear: both; overflow: hidden; display: table; width: 100%; } .tab-content .widget-posts-list li { padding-left: 0; } ul.widget-posts-list { margin-bottom: 0; } .widget-posts-list li:last-child { margin-bottom: 0; padding-bottom: 0; } .widget-posts-list li:last-child { border-bottom: none; } .widget-posts-list .widget-entry-image { display: table-cell; vertical-align: top; padding: 0 10px 0 0; width: 60px; } .widget-posts-list .widget-entry-content h6 { margin-top: 0; } #tab-comments .widget-posts-list .widget-entry-image { padding-top: 0; } .widget-posts-list .widget-entry-meta i { padding-right: 4px; } .widget-entry-content { display: inline-block; } .widget-title { text-transform: uppercase; } .tagcloud { padding-top: 5px; } .tagcloud a { border-radius: 0; color: #333; display: inline-block; font-size: 11px !important; letter-spacing: 1px; margin-bottom: 5px; padding: 0 15px; text-transform: capitalize; } .tagcloud a:hover { color: #FFFFFF; } /* Facebook Widget */ .fbCustom .fb_iframe_widget span { width: 100% !important; } .fb-like-box, .fb-like-box .fb_iframe_widget iframe { width: 100%; } .zozo_facebook_like_box { padding-top: 10px; } /* Twitter */ .widget .tweet-item { padding-bottom: 20px; position: relative; } .widget .tweet-item p { margin-bottom: 0; } .widget li .tweet-user-name a { font-size: 16px; text-decoration: none !important; padding-left: 40px; color: #333; } .widget .tweet-item a { text-decoration: underline; font-size: 10px; margin-right: 5px; } .widget .tweet-item { position: relative; padding: 10px 0 15px; } .widget .tweet-item:nth-child(2n+1) { border-bottom: 1px dashed #c2c0c0; } .widget .tweet-item p { font-size: 13px; padding-top: 5px; } .widget .tweet-time { color: #7f7f7f; position: relative; padding-left: 6px; font-size: 16px; } .widget .tweet-item h5:before { color: #333; content: "\f099"; display: block; font-family: "FontAwesome"; font-size: 14px; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; width: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .widget .tweet-time:before { background: #7f7f7f; content: ""; cursor: pointer; height: 17px; left: -2px; position: absolute; top: 4px; width: 2px; } .widget .tweet-item a { font-size: 16px; } /* Car Sevice Widget */ .widget .menu-services-menu-container ul li a { background: #fff none repeat scroll 0 0; display: block; padding: 10px 12px; } .widget .menu-services-menu-container ul li a::before { left: auto; right: 16px; top: 9px; } .widget .menu-services-menu-container ul li.current-menu-item a, .widget .menu-services-menu-container ul li a:hover, .widget .menu-services-menu-container ul li.current-menu-item a:hover { color: #fff; } .menu-item .widget{ margin-bottom: 0 !important; } /* Footer services */ .footer-widgets .widget.widget_nav_menu li a:before { content:none; } .footer-widgets .widget .menu-services-menu-container ul li a, .footer-widgets .widget .menu-services-menu-container ul li a:hover, .footer-widgets .widget .menu-services-menu-container ul li.current-menu-item a, .footer-widgets .widget .menu-services-menu-container ul li.current-menu-item a:hover { background: transparent; display: block; padding: 0; } /* List Simple */ .list.simple li { margin-bottom: 4px; } .list.simple span { min-width: 40%; float: left; font-weight: 900; } /* VC Gallery */ .widget .wpb_gallery.wpb_content_element, .widget .slick-slider { margin-bottom: 0; } /* ================================================================ * PLUGINS * ================================================================ */ /* Events List Widgets */ .widget.tribe-events-list-widget ol { padding-left: 0; } .widget .tribe-events-list-widget-events h4.entry-title { font-size: 16px; line-height: 20px; margin: 0 0 10px; text-transform: uppercase; } .widget .tribe-events-list-widget-events h4.entry-title a { color: #333; } .tribe-events-list-widget ol li { margin-bottom: 0; } .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a { font-weight: normal; } .widget .ecs-event { padding: 10px; background: #f1f1f1; margin-bottom: 20px; } .widget .ecs-event-list img { margin-bottom: 5px !important; } .widget .ecs-event-list h4.entry-title.summary { font-size: 16px; margin-bottom: 0; } .widget .ecs-event p:last-child { margin-bottom: 0; } /* ================================================================ * FOOTER WIDGETS * ================================================================ */ .footer-widgets .widget h3 { background: none; padding-left: 15px; margin: 0 0 8px; padding: 0; text-transform: uppercase; letter-spacing:1px; font-weight:700; /*border-bottom: 1px solid #e1e1e1;*/ } .footer-widgets .widget h3.widget-title { color: #333; } .footer-widgets .widget { margin-bottom: 10px; border: none; } .footer-widgets .widget, .footer-widgets .widget p .footer-widgets .widget .zozo-count-number h3 { color: #7f7f7f; } .footer-widgets .widget .zozo-mailchimp-form .form-control { background: transparent; border: 1px solid #e1e1e1; box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -ms-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -o-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 1px #ffffff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; font-size: 12px; height: 40px; line-height: 40px; min-height: 40px; padding: 8px 12px; width: 100%; } .footer-skin-dark .footer-widgets .widget .zozo-mailchimp-form .form-control { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; background: #454545; border-color: #454545; } .footer-widgets .widget .zozo-count-number h3 { margin-bottom: 0; border-bottom: none; } .footer-widgets .widget .zozo-mailchimp-form { margin-bottom: 10px; } .footer-widgets .widget .tagcloud a { color: #333; } .footer-widgets .widget .tagcloud a:hover { color: #fff; } .footer-widgets .widget .zozo-call-action a.btn-call-action:hover, .footer-widgets .widget a.btn:hover { color: #fff; } /* Popular Post */ .footer-widgets .widget.zozo_popular_posts_widget li.posts-item { padding: 5px 0; margin-bottom: 5px; } .footer-widgets .widget.zozo_popular_posts_widget li.posts-item .posts-title { margin-bottom: 0; } /* counter */ .footer-widgets .widget h3.zozo-counter-count { line-height:2; letter-spacing:1px; } /* ================================================================ * TIME TABLE * ================================================================ */ .time-table .table > tbody > tr > td, .time-table .table > tbody > tr > th, .time-table .table > tfoot > tr > td, .time-table .table > tfoot > tr > th, .time-table .table > thead > tr > td, .time-table .table > thead > tr > th { padding: 20px 8px; text-align: center; vertical-align: middle; text-transform: capitalize; } .time-table .table.table-bordered > tbody > tr > td, .time-table .table.table-bordered > tbody > tr > th, .time-table .table.table-bordered > tfoot > tr > td, .time-table .table.table-bordered > tfoot > tr > th, .time-table .table.table-bordered > thead > tr > td, .time-table .table.table-bordered > thead > tr > th { border-color: #EDEDED; } .time-table .table > thead { color: #fff; } .time-table .table > thead > tr > th { border: none; } .time-table .table > thead > tr > th, .time-table .table > tbody > tr > td:first-child { font-size: 18px; font-weight: 700; } /* ================================================================ * CUSTOM CSS * ================================================================ */ a:hover, a:active, a:focus { color: #333; } .btn.btn-search:hover, .btn.btn-search:active, .btn.btn-search:focus { background: #e5e5e5; color: #474747; } /* ================================================================ * WORDPRESS GALLERIES * ================================================================ */ .gallery { margin-bottom: 20px; clear: both; overflow: hidden; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 31.333%; max-width: -webkit-calc(33.333% - 4px); max-width: calc(33.333% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1), .gallery-columns-4.gallery-size-thumbnail figure.gallery-item:nth-of-type(4n+1), .gallery-columns-5.gallery-size-thumbnail figure.gallery-item:nth-of-type(5n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-caption:before { box-shadow: 0 -10px 15px #000 inset; -moz-box-shadow: 0 -10px 15px #000 inset; -webkit-box-shadow: 0 -10px 15px #000 inset; -o-box-shadow: 0 -10px 15px #000 inset; -ms-box-shadow: 0 -10px 15px #000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* ================================================================ * EVENTS CALENDAR * ================================================================ */ #tribe-events .tribe-events-button, .tribe-events-button, #tribe-bar-form .tribe-bar-submit input[type="submit"] { border: 0 none; border-radius: 3px; color: #333; font-size: 13px; font-weight: normal; letter-spacing: 0; line-height: 22px; padding: 9px 12px; text-transform: capitalize; width: auto; } #tribe-bar-form .tribe-bar-submit input[type="submit"]:hover, #tribe-events .tribe-events-button:hover, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, #tribe-bar-form .tribe-bar-submit input[type="submit"]:hover, #tribe-bar-form .tribe-bar-submit input[type="submit"]:active, #tribe-bar-form .tribe-bar-submit input[type="submit"]:focus { color: #fff; } .events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop { max-width: none; } #tribe-bar-form { background: transparent; border: 1px solid #e1e1e1; } /*.tribe-bar-views-inner, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover { background: #ededed; }*/ #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover { background: transparent; } #tribe-bar-form label { margin-bottom: 10px; font-size: 14px; text-transform: capitalize; } #tribe-bar-form input[type="text"] { border: 1px solid #e1e1e1; padding: 5px 10px; font-size: 14px; height: 40px; font-weight: normal; border-radius: 3px; -webkit-border-radius: 3px; } .tribe-events-list .tribe-events-event-cost span { color: #333; padding: 9px 12px; line-height: 22px; border-radius: 3px; font-weight: normal; } .single-tribe_events .tribe-events-schedule .tribe-events-divider { vertical-align: middle; } .tribe-bar-date-filter, .tribe-bar-search-filter { width: 50%; } .tribe-bar-submit { margin: 0 15px 18px; padding: 0; } .tribe-bar-views-inner, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover { background: transparent; } /*.tribe-events-list .type-tribe_events h2 a, .tribe-events-list-event-title.entry-title.summary a, .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a, #tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a { color: #333; }*/ #tribe-events-content table.tribe-events-calendar { border: 1px solid #e1e1e1; } .tribe-events-meta-group .tribe-events-single-section-title { border-bottom: 1px solid #e1e1e1; text-transform: uppercase; margin: 5px 0 15px; } .tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group { padding: 0 20px; margin-bottom: 10px; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dt { font-weight: 600; padding-bottom: 7px; margin-top: 20px; } .tribe-events-notices { float: left; width: 100%; } /* TRIBE EVENT TITLE */ .tribe-events-list h2.tribe-events-page-title, h2.tribe-events-page-title { font-size: 28px; font-weight: 500; line-height: 40px; margin: 0 0 45px; position: relative; text-transform: uppercase; } h2.tribe-events-page-title:after { bottom: -25px; content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; } .tribe-events-calendar thead th { background: #333; } .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a { background: #f7f7f7; color: #333; } /* LIST VIEW */ .tribe-events-list .type-tribe_events { border-bottom: 1px dashed #e1e1e1; padding-bottom: 30px; } .tribe-events-list .time-details { color: #7c7c7c; margin: 10px 0 20px; } .tribe-events-event-meta address.tribe-events-address, .tribe-events-list .tribe-events-venue-details { font-style: normal; } .tribe-events-list-separator-month span { padding: 0 15px; font-weight: 300; } .tribe-events-list-separator-month:after { border-bottom: 4px double #e1e1e1; } /* DAY VIEW */ .tribe-events-day .tribe-events-day-time-slot h5 { padding: 20px 0; background: #F7F7F7; border: 1px solid #e1e1e1; color: #333; } .tribe-events-day .tribe-events-day-time-slot .type-tribe_events { margin-left: 0; } .single-tribe_events .tribe-events-meta-group .tribe-events-venue-map { margin: 20px 0 10px; } /* Events calender Single */ .single-tribe_events .tribe-events-event-meta { background: #f7f7f7; border: 1px solid #e1e1e1; } /* The Events Calender Shortcode */ .ecs-event-list { padding-left: 0; list-style: none; } .zozo-events-list-wrapper.style-list .ecs-event { margin-bottom: 20px; } .zozo-events-list-wrapper.style-list .ecs-event:last-child { margin-bottom: 0; } .ecs-event .ecs-event-inner { padding: 15px; background: #f7f7f7; border: 1px solid #e1e1e1; } .skin-transparent .ecs-event .ecs-event-inner { background: none; border: 1px solid #7c7c7c; } .ecs-event .event-title { margin: 0 0 15px; } .ecs-event-list h4.entry-title.summary { font-size: 20px; line-height: 30px; margin-top: 0; } .zozo-events-list-wrapper.style-list .ecs-event-list img { margin-right: 20px; margin-bottom: 0; float: left; } .zozo-events-list-wrapper.style-grid .ecs-event-list img { margin-bottom: 15px; } .zozo-events-list-wrapper.style-grid .ecs-clearfix { margin-bottom: 30px; } .ecs-event-list .duration { font-style: italic; font-size: 13px; } .ecs-event-list .duration.time { vertical-align: top; } /* Ultimate Addon */ .uvc-heading-spacer.line_with_icon .aio-icon { vertical-align: top; } .ult-carousel-wrapper .animated, .icon_list_item .animated { visibility: visible; } .flip-pad-tb-30 .ifb-flip-box-section { padding-top: 30px; padding-bottom: 30px; } .flip-box-wrap, .wpb_row .wpb_column .wpb_wrapper .flip-box-wrap { margin-bottom: 0!important; } .smile-icon-timeline-wrap .timeline-separator-text .sep-text { color: inherit; padding: 5px 14px; } .vc_row .ult-vc-seperator { z-index: 9; } .vc_row .ult-easy-separator-wrapper { z-index: 50; } .bg-style.bg-normal .ult-vc-seperator svg { fill: inherit; } .uvc-type-wrap .ultimate-ticker-down-prefix, .uvc-type-wrap .ultimate-ticker-down-suffix, .uvc-type-wrap .ultimate-ticker-prefix, .uvc-type-wrap .ultimate-ticker-suffix, .ultimate-vticker.ticker, .ultimate-vticker.ticker-down { vertical-align: middle; } .stats-desc .stats-text > h4 { margin-bottom: 0; } .info-circle-wrapper .info-c-full h3 { margin-bottom: 15px; } /*Feature Page*/ .feature-carousel .zozo-feature-box.feature-box-style, .feature-carousel .ult-carousel-wrapper { margin-bottom: 0; } .wpb_column.bg-position-left, .wpb_row.bg-position-left { background-position: left center!important; } .wpb_column.bg-position-bottom, .wpb_row.bg-position-bottom { background-position: bottom center!important; } .wpb_column.bg-position-center, .wpb_row.bg-position-center { background-position: center center!important; background-repeat: no-repeat; } .wpb_column.bg-position-right, .wpb_row.bg-position-right { background-position: right center!important; } /* VC blog masonry Grid box */ .vc_gitem_row .vc_gitem-col { padding: 10px 15px; } /* List Item Hexagon */ .smile_icon_list.hexagon li .icon_list_icon { color: #333; } .icon_description:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .icon_description:after, .icon_description:before { content: ""; display: table; } .icon_description_text { margin-top: 10px; } /* Creative Links */ .wpb_single_image .vc_figure { max-width: 100%; } /* Ultimate Addon Pricing */ /* Pricing Btn : hover */ .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:hover, .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:active, .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_link .ult_price_action_button:focus { background: #000; } /* Pricing Hightlight Bg */ .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_price_body_block, .ult_pricing_table_wrap.ult-cs-custom .ult_pricing_table .ult_pricing_heading { color: #fff; } /* Pricing Hightlight Bg : hover */ .ult_pricing_table_wrap.ult-cs-custom:hover .ult_pricing_table .ult_price_body_block, .ult_pricing_table_wrap.ult-cs-custom:hover .ult_pricing_table .ult_pricing_heading { background: #000; } /* Pricing Style 3 */ .ult_pricing_table_wrap.ult-cs-custom.ult_design_3 .ult_pricing_table { background: #F7F7F7; color: #fff; } .ult_pricing_table_wrap.ult-cs-custom.ult_design_3 .ult_pricing_table ul li { border-bottom: 1px solid #e1e1e1; color: #777 !important; } /* Pricing Style 4 */ .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table { border-top-color: #000; } .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:hover, .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:active, .ult_pricing_table_wrap.ult-cs-custom.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button:focus { background: #000; } /* ================================================================ * SITEMAP * ================================================================ */ .sitemap-wrapper ul { list-style: none; padding-left: 20px; } .sitemap-wrapper ul.sitemap-nav { padding-left: 0; } .sitemap-wrapper ul li a { color: #333; padding-left: 15px; position: relative; text-transform: capitalize; } .sitemap-wrapper ul li a::after { content: "\f105"; font-family: FontAwesome; left: 0; position: absolute; } .sitemap-wrapper .sitemap-pages h6.parallax-title { margin-top: 0; } .sitemap-wrapper h6.parallax-title { margin-top: 20px; margin-bottom: 20px; } .sitemap-wrapper .parallax-title::after { bottom: -7px; } /* ================================================================ * SPACINGS * ================================================================ */ .padding-none{padding:0!important}.padding-top-none{padding-top:0!important}.padding-bottom-none{padding-bottom:0!important}.padding-left-none{padding-left:0!important}.padding-right-none{padding-right:0!important}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}.padding-top-30{padding-top:30px}.padding-top-40{padding-top:40px}.padding-top-50{padding-top:50px}.padding-top-60{padding-top:60px}.padding-top-70{padding-top:70px}.padding-top-75{padding-top:75px}.padding-top-80{padding-top:80px}.padding-top-90{padding-top:90px}.padding-top-100{padding-top:100px}.padding-top-110{padding-top:110px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-30{padding-bottom:30px}.padding-bottom-40{padding-bottom:40px}.padding-bottom-50{padding-bottom:50px}.padding-bottom-60{padding-bottom:60px}.padding-bottom-70{padding-bottom:70px}.padding-bottom-75{padding-bottom:75px}.padding-bottom-80{padding-bottom:80px}.padding-bottom-90{padding-bottom:90px}.padding-bottom-100{padding-bottom:100px}.padding-bottom-110{padding-bottom:110px}.padding-10{padding:10px}.padding-20{padding:20px}.padding-30{padding:30px}.padding-40{padding:40px}.padding-50{padding:50px}.padding-60{padding:60px}.padding-70{padding:70px}.padding-75{padding:75px}.padding-80{padding:80px}.padding-90{padding:90px}.padding-100{padding:100px}.padding-110{padding:110px}.padding-tb-10{padding-top:10px;padding-bottom:10px}.padding-tb-20{padding-top:20px;padding-bottom:20px}.padding-tb-30{padding-top:30px;padding-bottom:30px}.padding-tb-40{padding-top:40px;padding-bottom:40px}.padding-tb-50{padding-top:50px;padding-bottom:50px}.padding-tb-60{padding-top:60px;padding-bottom:60px}.padding-tb-70{padding-top:70px;padding-bottom:70px}.padding-tb-75{padding-top:75px;padding-bottom:75px}.padding-tb-80{padding-top:80px;padding-bottom:80px}.padding-tb-90{padding-top:90px;padding-bottom:90px}.padding-tb-100{padding-top:100px;padding-bottom:100px}.padding-tb-110{padding-top:110px;padding-bottom:110px}.padding-lr-10{padding-left:10px;padding-right:10px}.padding-lr-20{padding-left:20px;padding-right:20px}.padding-lr-30{padding-left:30px;padding-right:30px}.padding-lr-40{padding-left:40px;padding-right:40px}.padding-lr-50{padding-left:50px;padding-right:50px}.padding-lr-60{padding-left:60px;padding-right:60px}.padding-lr-70{padding-left:70px;padding-right:70px}.padding-lr-75{padding-left:75px;padding-right:75px}.padding-lr-80{padding-left:80px;padding-right:80px}.padding-lr-90{padding-left:90px;padding-right:90px}.padding-lr-100{padding-left:100px;padding-right:100px}.padding-lr-110{padding-left:110px;padding-right:110px}.margin-none{margin:0!important}.margin-top-none{margin-top:0!important}.margin-bottom-none{margin-bottom:0!important}.margin-left-none{margin-left:0!important}.margin-right-none{margin-right:0!important}.margin-top-10{margin-top:10px}.margin-top-20{margin-top:20px}.margin-top-30{margin-top:30px}.margin-top-40{margin-top:40px}.margin-top-50{margin-top:50px}.margin-top-60{margin-top:60px}.margin-top-70{margin-top:70px}.margin-top-75{margin-top:75px}.margin-top-80{margin-top:80px}.margin-top-90{margin-top:90px}.margin-top-100{margin-top:100px}.margin-top-110{margin-top:110px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-70{margin-bottom:70px}.margin-bottom-75{margin-bottom:75px!important}.margin-bottom-80{margin-bottom:80px}.margin-bottom-90{margin-bottom:90px}.margin-bottom-100{margin-bottom:100px}.margin-bottom-110{margin-bottom:110px}.margin-10{margin:10px}.margin-20{margin:20px}.margin-30{margin:30px}.margin-40{margin:40px}.margin-50{margin:50px}.margin-60{margin:60px}.margin-70{margin:70px}.margin-75{margin:75px}.margin-80{margin:80px}.margin-90{margin:90px}.margin-100{margin:100px}.margin-110{margin:110px}.margin-tb-10{margin-top:10px;margin-bottom:10px}.margin-tb-20{margin-top:20px;margin-bottom:20px}.margin-tb-30{margin-top:30px;margin-bottom:30px}.margin-tb-40{margin-top:40px;margin-bottom:40px}.margin-tb-50{margin-top:50px;margin-bottom:50px}.margin-tb-60{margin-top:60px;margin-bottom:60px}.margin-tb-70{margin-top:70px;margin-bottom:70px}.margin-tb-75{margin-top:75px;margin-bottom:75px}.margin-tb-80{margin-top:80px;margin-bottom:80px}.margin-tb-90{margin-top:90px;margin-bottom:90px}.margin-tb-100{margin-top:100px;margin-bottom:100px}.margin-tb-110{margin-top:110px;margin-bottom:110px}.margin-lr-10{margin-left:10px;margin-right:10px}.margin-lr-20{margin-left:20px;margin-right:20px}.margin-lr-30{margin-left:30px;margin-right:30px}.margin-lr-40{margin-left:40px;margin-right:40px}.margin-lr-50{margin-left:50px;margin-right:50px}.margin-lr-60{margin-left:60px;margin-right:60px}.margin-lr-70{margin-left:70px;margin-right:70px}.margin-lr-75{margin-left:75px;margin-right:75px}.margin-lr-80{margin-left:80px;margin-right:80px}.margin-lr-90{margin-left:90px;margin-right:90px}.margin-lr-100{margin-left:100px;margin-right:100px}.margin-lr-110{margin-left:110px;margin-right:110px} .padding-right-30{padding-right: 30px;} .padding-left-50{padding-left: 50px;} /* ================================================================ * DARK SKINS * ================================================================ */ /* =================== * HEADER =================== */ /* DARK */ .header-section.header-skin-dark .header-top-section, .header-section.header-skin-dark .header-logo-section, .header-section.header-skin-dark .header-main-section, .header-section.header-skin-dark .is-sticky .header-main-section, .header-section.header-skin-dark .dropdown-menu, .header-section.header-skin-dark .dropdown-menu > li, .header-section.header-skin-dark .sub-menu, .header-section.header-skin-dark .sub-menu > li, .header-section.header-skin-dark .zozo-megamenu, .header-section.header-skin-dark .zozo-megamenu-wrapper, .header-section.header-skin-dark .woo-cart-contents, .header-section.header-skin-dark .header-toggle-content, .header-section.header-skin-dark .header-toggle-section, .header-section.header-skin-dark .header-sidenav-section, .header-skin-dark.mobile-header-section, .is-sticky .header-skin-dark.header-transparent.mobile-header-section, .is-sticky .header-skin-dark.header-semi-transparent.mobile-header-section, .header-section.header-skin-dark .header-main-section.header-toggle-visible { background: rgba(0, 0, 0, 1) url("/metal/wp-content/themes/metal/images/header-dark-bg.jpg") repeat; } .header-section.header-skin-dark, .header-section.header-skin-dark a, .header-skin-dark.mobile-header-section a { color: #fff; } .header-skin-dark.mobile-header-section .mobile-menu-item a.menu-bars-link span, .header-skin-dark.mobile-header-section .mobile-menu-item a.menu-bars-link span:before, .header-skin-dark.mobile-header-section .mobile-menu-item a.menu-bars-link span:after, .header-skin-dark.header-section a.menu-bars-link span, .header-skin-dark.header-section a.menu-bars-link span:before, .header-skin-dark.header-section a.menu-bars-link span:after { background: #fff; } .header-skin-dark .header-top-section, .header-section.header-skin-dark .woo-cart-contents, .header-section.header-skin-dark .woo-cart-contents .woo-cart-item, .header-section.header-skin-dark.header-fullwidth-menu .header-logo-section, .header-section.header-skin-dark .header-toggle-section, .header-section.header-skin-dark .header-sidenav-section .zozo-vertical-side-bar .main-bar-item .zozo-main-nav > li > a, .header-section.header-skin-dark .header-sidenav-section .zozo-vertical-side-bar .zozo-main-nav.navbar-nav .dropdown-menu a, .header-section.header-skin-dark .zozo-main-nav .zozo-megamenu-submenu li:before, .header-section.header-skin-dark .dropdown-menu li:before { border-color: #444444; } .header-section.header-skin-dark .form-control, .header-section.header-skin-dark .woo-cart-item a.remove.remove-cart-item { background: #2e2e2e; border-color: #7c7c7c; color: #fff; } .header-section.header-skin-dark .header-top-section .top-menu-navigation .navbar-nav > li:after, .header-section.header-skin-dark.type-header-3 .header-main-section .zozo-main-bar:before, { background: #7c7c7c; } .header-skin-dark .form-control::-moz-placeholder { color: #fff; } .header-skin-dark .form-control:-ms-input-placeholder { color: #fff; } .header-skin-dark .form-control::-webkit-input-placeholder { color: #fff; } .header-skin-dark .zozo-social-icons.soc-icon-transparent li a i { color: #fff; } /* TRANSPARENT */ .header-section.header-transparent .header-top-section, .header-section.header-transparent .header-logo-section, .header-section.header-transparent .header-main-section, .header-section.header-transparent .header-top-section .form-control, .header-transparent.mobile-header-section { background: transparent; } .header-section.header-transparent .header-top-section, .header-section.header-transparent .header-main-section, .header-section.header-transparent .header-top-section .form-control, .header-section.header-transparent.header-fullwidth-menu .header-logo-section .header-section.header-semi-transparent .header-top-section, .header-section.header-semi-transparent .header-main-section, .header-section.header-semi-transparent .header-top-section .form-control, .header-section.header-semi-transparent.header-fullwidth-menu .header-logo-section { border-color: rgba(0, 0, 0, 0.2); } .header-section.header-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after, .header-section.header-semi-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after, .header-section.header-transparent.type-header-3 .header-main-section .zozo-main-bar:before, .header-section.header-semi-transparent.type-header-3 .header-main-section .zozo-main-bar:before { background: rgba(0, 0, 0, 0.2); } /* TRANSPARENT - DARK */ .header-section.header-skin-dark.header-transparent .header-top-section, .header-section.header-skin-dark.header-transparent .header-main-section, .header-section.header-skin-dark.header-transparent .header-top-section .form-control, .header-section.header-skin-dark.header-transparent.header-fullwidth-menu .header-logo-section .header-section.header-skin-dark.header-semi-transparent .header-top-section, .header-section.header-skin-dark.header-semi-transparent .header-main-section, .header-section.header-skin-dark.header-semi-transparent .header-top-section .form-control, .header-section.header-skin-dark.header-semi-transparent.header-fullwidth-menu .header-logo-section { border-color: rgba(255, 255, 255, 0.2); } .header-section.header-skin-dark.header-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after, .header-section.header-skin-dark.header-semi-transparent .header-top-section .top-menu-navigation .navbar-nav > li:after, .header-section.header-skin-dark.header-transparent.type-header-3 .header-main-section .zozo-main-bar:before, .header-section.header-skin-dark.header-semi-transparent.type-header-3 .header-main-section .zozo-main-bar:before { background: rgba(255, 255, 255, 0.2); } /* SEMI TRANSPARENT - LIGHT*/ .header-section.header-semi-transparent .header-top-section, .header-section.header-semi-transparent .header-logo-section, .header-section.header-semi-transparent .header-main-section, .header-section.header-semi-transparent .header-top-section .form-control, .header-semi-transparent.mobile-header-section { background: rgba(255, 255, 255, 0.7); } .header-section.header-semi-transparent .header-main-section.header-toggle-visible { background: #fff; } /* SEMI TRANSPARENT - DARK*/ .header-section.header-skin-dark.header-semi-transparent .header-top-section, .header-section.header-skin-dark.header-semi-transparent .header-logo-section, .header-section.header-skin-dark.header-semi-transparent .header-main-section, .header-section.header-skin-dark.header-semi-transparent .header-top-section .form-control, .header-skin-dark.header-semi-transparent.mobile-header-section { background: rgba(0, 0, 0, 0.7); } .header-section.header-skin-dark.header-semi-transparent .header-main-section.header-toggle-visible { background: #000; } /* MENU - LIGHT SKIN*/ .header-section.header-menu-skin-light .header-main-section, .header-section.header-menu-skin-light .is-sticky .header-main-section, .header-section.header-menu-skin-light .header-main-section .dropdown-menu, .header-section.header-menu-skin-light .header-main-section .dropdown-menu > li, .header-section.header-menu-skin-light .header-main-section .sub-menu, .header-section.header-menu-skin-light .header-main-section .sub-menu > li, .header-section.header-menu-skin-light .header-main-section .zozo-megamenu, .header-section.header-menu-skin-light .header-main-section .woo-cart-contents, .header-section.header-menu-skin-light .header-main-section .header-toggle-content, .header-section.header-menu-skin-light .header-main-section .header-toggle-section, .header-section.header-menu-skin-light .header-main-section .header-sidenav-section, .header-section.header-menu-skin-light .header-main-section .form-control, .header-sectiont.header-skin-light.header-transparent .is-sticky .header-main-section { background: #fff; } .header-section.header-menu-skin-light .header-main-section .woo-cart-item a.remove.remove-cart-item { background: #f5f5f5; } .header-section.header-menu-skin-light .header-main-section, .header-section.header-menu-skin-light .header-main-section a, .header-section.header-menu-skin-light .header-main-section .woo-cart-item a.remove.remove-cart-item { color: #333; } .header-section.header-menu-skin-light .header-main-section .woo-cart-contents, .header-section.header-menu-skin-light .header-main-section .woo-cart-contents .woo-cart-item, .header-section.header-menu-skin-light .header-main-section .header-toggle-section, .header-section.header-menu-skin-light .header-main-section .form-control { border-color: #e1e1e1; } .header-section.header-menu-skin-light .header-main-section .form-control::-moz-placeholder { color: #333; } .header-section.header-menu-skin-light .header-main-section .form-control:-ms-input-placeholder { color: #333; } .header-section.header-menu-skin-light .header-main-section .form-control::-webkit-input-placeholder { color: #333; } .header-section.header-menu-skin-light .header-main-section .zozo-social-icons.soc-icon-transparent i { color: #333; } /* MENU - DARK SKIN*/ .header-section.header-menu-skin-dark .header-main-section, .header-section.header-menu-skin-dark .is-sticky .header-main-section, .header-section.header-menu-skin-dark .header-main-section .dropdown-menu, .header-section.header-menu-skin-dark .header-main-section .dropdown-menu > li, .header-section.header-menu-skin-dark .header-main-section .sub-menu, .header-section.header-menu-skin-dark .header-main-section .sub-menu > li, .header-section.header-menu-skin-dark .header-main-section .zozo-megamenu, .header-section.header-menu-skin-dark .header-main-section .zozo-megamenu-wrapper, .header-section.header-menu-skin-dark .header-main-section .woo-cart-contents, .header-section.header-menu-skin-dark .header-main-section .header-toggle-content, .header-section.header-menu-skin-dark .header-main-section .header-toggle-section, .header-section.header-menu-skin-dark .header-main-section .header-sidenav-section, .header-section.header-menu-skin-dark .header-main-section .form-control { background: rgba(0, 0, 0, 1) url("/metal/wp-content/themes/metal/images/header-dark-bg.jpg") repeat; } .header-section.header-menu-skin-dark .header-main-section .woo-cart-item a.remove.remove-cart-item { background: #333; } .header-section.header-menu-skin-dark .header-main-section, .header-section.header-menu-skin-dark .header-main-section a, .header-section.header-menu-skin-dark .header-main-section .woo-cart-item a.remove.remove-cart-item { color: #FFF; } .header-section.header-menu-skin-dark .header-main-section .woo-cart-contents, .header-section.header-menu-skin-dark .header-main-section .woo-cart-contents .woo-cart-item, .header-section.header-menu-skin-dark .header-main-section .header-toggle-section, .header-section.header-menu-skin-dark .header-main-section .form-control, .header-section.header-menu-skin-dark .header-main-section .zozo-main-nav .zozo-megamenu-submenu li:before, .header-section.header-menu-skin-dark .header-main-section .dropdown-menu li:before { border-color: #444444; } .header-section.header-menu-skin-dark .header-main-section .form-control::-moz-placeholder { color: #fff; } .header-section.header-menu-skin-dark .header-main-section .form-control:-ms-input-placeholder { color: #fff; } .header-section.header-menu-skin-dark .header-main-section .form-control::-webkit-input-placeholder { color: #fff; } .header-section.header-menu-skin-dark .zozo-social-icons.soc-icon-transparent i { color: #fff; } /* Dark Skin */ body.theme-skin-dark, .theme-skin-dark .main-section { background: #333; border-color: #7c7c7c; color: #fff; } .theme-skin-dark hr, .theme-skin-dark legend { border-color: #7c7c7c; } .theme-skin-dark a:hover, .theme-skin-dark a:active, .theme-skin-dark a:focus, .bg-skin-dark a:hover, .bg-skin-dark a:active, .bg-skin-dark a:focus { color: #fff; } .theme-skin-dark .bg-style.dark-wrapper { background: #000; } .bg-style.dark-grey-wrapper { background: #222; } .theme-skin-dark input, .theme-skin-dark .input, .theme-skin-dark input.form-control, .theme-skin-dark select, .theme-skin-dark select.form-control, .theme-skin-dark textarea, .bg-skin-dark input, .bg-skin-dark .input, .bg-skin-dark input.form-control, .bg-skin-dark select, .bg-skin-dark select.form-control, .bg-skin-dark textarea { border-color: #7c7c7c; background: #2e2e2e; } .theme-skin-dark table th, .theme-skin-dark table td, .bg-skin-dark table th, .bg-skin-dark table td { border-color: #7c7c7c; } /* Page Title */ .theme-skin-dark .page-title-section { border-color: #7c7c7c; } /* Feature Box */ .theme-skin-dark .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner, .bg-skin-dark .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner { border: 1px solid #7c7c7c; } .theme-skin-dark .grid-item .grid-box-inner .grid-overlay-top, .bg-skin-dark .grid-item .grid-box-inner .grid-overlay-top { background: #2e2e2e; } .theme-skin-dark .grid-overlay-top .grid-title, .bg-skin-dark .grid-overlay-top .grid-title { color: #fff; } .theme-skin-dark .style-sep-yes .grid-item .grid-button, .bg-skin-dark .style-sep-yes .grid-item .grid-button { border-top-color: #7c7c7c; } .theme-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .theme-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape, .bg-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .bg-skin-dark .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape { background-color: #2e2e2e; } .theme-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .theme-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape, .bg-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .bg-skin-dark .zozo-feature-box.style-box-with-bg .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape { background-color: #333; } .theme-skin-dark .zozo-feature-box.style-box-with-bg, .bg-skin-dark .zozo-feature-box.style-box-with-bg { background-color: #2e2e2e; } /* Services Box */ .theme-skin-dark .zozo-vc-service-box .service-box-inner, .bg-skin-dark .zozo-vc-service-box .service-box-inner { background: #2e2e2e; border: 1px solid #7c7c7c; } .theme-skin-dark .zozo-vc-service-box .service-box-content h4, .bg-skin-dark .zozo-vc-service-box .service-box-content h4 { border-bottom-color: #7c7c7c; } /* Pricing Table */ .theme-skin-dark .zozo-pricing-table-wrapper, .bg-skin-dark .zozo-pricing-table-wrapper { background: #2e2e2e; } .theme-skin-dark .zozo-pricing-item .pricing-icon-wrapper > i, .bg-skin-dark .zozo-pricing-item .pricing-icon-wrapper > i { background-color: #2e2e2e; border-color: #7c7c7c; } /* Accordion */ .typo-light .vc_tta-accordion.vc_tta-style-default .vc_tta-panel-title > a, .typo-light .zozo-accordion.zozo-accordion-default .panel-title a { border-bottom-color: #7c7c7c; color: #fff; } .typo-light .zozo-accordion .panel-title a.collapsed { color: #fff; } /* Progress Bar */ .theme-skin-dark .vc_progress_bar .vc_single_bar, .bg-skin-dark .vc_progress_bar .vc_single_bar { background: #7c7c7c; } /* Testimonials Slider */ .theme-skin-dark .testimonial-item.tstyle-border2 .testimonial-img, .bg-skin-dark .testimonial-item.tstyle-border2 .testimonial-img { background: #333; border-color: #7c7c7c; } .theme-skin-dark .testimonial-item.tstyle-border2, .bg-skin-dark .testimonial-item.tstyle-border2 { border-color: #7c7c7c; } .theme-skin-dark .testimonial-item.tstyle-border .testimonial-content:after { border-color: #333 transparent transparent; } .bg-style.dark-grey-wrapper .testimonial-item.tstyle-border .testimonial-content:after { border-color: #222 transparent transparent; } .bg-style.dark-wrapper .testimonial-item.tstyle-border .testimonial-content:after { border-color: #000 transparent transparent; } /* Contact Form */ .theme-skin-dark .input, .theme-skin-dark input.form-control, .theme-skin-dark select, .theme-skin-dark select.form-control, .theme-skin-dark .form-control, .bg-skin-dark .input, .bg-skin-dark input.form-control, .bg-skin-dark select, .bg-skin-dark select.form-control, .bg-skin-dark .form-control { background: #2e2e2e; border-color: #7c7c7c; color: #fff; } /* Contact Form 7 */ .theme-skin-dark .wpcf7 textarea, .theme-skin-dark .wpcf7 .wpcf7-text, .bg-skin-dark .wpcf7 textarea, .bg-skin-dark .wpcf7 .wpcf7-text, .theme-skin-dark .wpcf7-form-control, .bg-skin-dark .wpcf7-form-control { background: #2e2e2e; border-color: #7c7c7c; color: #fff; } .theme-skin-dark .wpcf7 .wpcf7-form-control::-moz-placeholder { color: #fff; opacity: 1; } .theme-skin-dark .wpcf7 .wpcf7-form-control:-ms-input-placeholder { color: #fff; } .theme-skin-dark .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { color: #fff; } .bg-skin-dark .wpcf7 .wpcf7-form-control::-moz-placeholder { color: #fff; opacity: 1; } .bg-skin-dark .wpcf7 .wpcf7-form-control:-ms-input-placeholder { color: #fff; } .bg-skin-dark .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { color: #fff; } /* Blog */ .theme-skin-dark .grid-posts, .bg-skin-dark .grid-posts { background: #2e2e2e; } .theme-skin-dark h2.entry-title a, .bg-skin-dark h2.entry-title a { color: #fff; } .theme-skin-dark .list-posts, .bg-skin-dark .list-posts { border-color: #7c7c7c; } .theme-skin-dark .post .btn-more.read-more-link:hover, .theme-skin-dark .post .btn-more.read-more-link:active, .theme-skin-dark .post .btn-more.read-more-link:focus, .bg-skin-dark .post .btn-more.read-more-link:hover, .bg-skin-dark .post .btn-more.read-more-link:active, .bg-skin-dark .post .btn-more.read-more-link:focus { color: #fff; } /*Day Counter */ .theme-skin-dark .countdown-section, .bg-skin-dark .countdown-section { background: #2e2e2e; } /* VC Post Masonry grid */ .theme-skin-dark .vc_grid-item .vc_gitem-zone, .bg-skin-dark .vc_grid-item .vc_gitem-zone, .theme-skin-dark .vc_grid-item .vc_grid-item-mini, .bg-skin-dark .vc_grid-item .vc_grid-item-mini { background: #2e2e2e!important; } /*Vc Tab */ .theme-skin-dark .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a, .bg-skin-dark .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a, .theme-skin-dark .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels, .bg-skin-dark .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels { background: #2e2e2e; border-color: #7c7c7c; color: #fff; } .theme-skin-dark .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a, .bg-skin-dark .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a { background: #2e2e2e; color: #fff; } .theme-skin-dark .vc_tta.vc_general .vc_tta-tab.vc_active > a, .bg-skin-dark .vc_tta.vc_general .vc_tta-tab.vc_active > a { color: #333; } /*Zozo tab */ .theme-skin-dark .nav-tabs, .theme-skin-dark .zozo-tabs-widget .tab-content > .tab-pane, .theme-skin-dark .widget-posts-list li, .theme-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .theme-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover, .bg-skin-dark .nav-tabs, .bg-skin-dark .zozo-tabs-widget .tab-content > .tab-pane, .bg-skin-dark .widget-posts-list li, .bg-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .bg-skin-dark .zozo-tabs-widget .nav-tabs li h6 a:hover { border-color: #7c7c7c; } .theme-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a, .bg-skin-dark .zozo-tabs-widget .nav-tabs li.active h6 a { background: #333; } .theme-skin-dark .vc_tta-controls-align-left .vc_tta-tabs-list, .theme-skin-dark .vc_tta-controls-align-right .vc_tta-tabs-list, .bg-skin-dark .vc_tta-controls-align-left .vc_tta-tabs-list, .bg-skin-dark .vc_tta-controls-align-right .vc_tta-tabs-list { border-color: #7c7c7c; } /* Vc Pricing Table */ .ult_pricing_table_wrap.ult_design_1 .ult_pricing_table .ult_price_link { background: #2e2e2e; } /* Contact Info */ .theme-skin-dark .zozo-social-icons.social-style-bordered li a, .bg-skin-dark .zozo-social-icons.social-style-bordered li a { border-color: #7c7c7c; } /* Widget */ .theme-skin-dark .widget-title { border-color: #7c7c7c; color: #fff; } .theme-skin-dark .widget.widget_recent_entries li a, .theme-skin-dark .widget.widget_recent_comments li .comment-author-link a, .theme-skin-dark .widget.zozo_category_posts_widget li a, .theme-skin-dark .widget.widget_categories li a, .theme-skin-dark .widget.widget_archive li a, .theme-skin-dark .widget.widget_meta li a, .theme-skin-dark .widget.widget_nav_menu li a, .theme-skin-dark .widget.widget_edd_categories_tags_widget li a { color: #fff; } /*Footer*/ .footer-skin-dark .zozo-footer-nav.navbar-nav > li > a:hover { color: #fff; } /* Woocommerce Widget */ .theme-skin-dark .widget_product_categories .product-categories li a, .theme-skin-dark .woocommerce ul.product_list_widget li a { color: #fff; } .theme-skin-dark .widget_product_categories .product-categories li .count { background: #2e2e2e; } .theme-skin-dark.woocommerce ul.product_list_widget li, .theme-skin-dark.woocommerce-page ul.product_list_widget li, .theme-skin-dark .widget .woocommerce-product-search .search-field { border-color: #7c7c7c; } .theme-skin-dark.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .theme-skin-dark.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { background: #fff; } /* Events Calender */ .theme-skin-dark .ecs-event .ecs-event-inner, .bg-skin-dark .ecs-event .ecs-event-inner { background: #2e2e2e; border-color: #7c7c7c; } /* Shop - Woo-commerce */ .theme-skin-dark .woo-dropdown > li, .theme-skin-dark .woo-sort-ordering > li, .theme-skin-dark .woo-dropdown > li .order-sub-dropdown { background: #2e2e2e; border-color: #7c7c7c; color: #ffffff; } .theme-skin-dark .woo-dropdown > li strong { color: #ffffff; } .theme-skin-dark .woo-dropdown > li:before { background: #7c7c7c; } .theme-skin-dark.woocommerce .star-rating:before, .theme-skin-dark.woocommerce-page .star-rating:before { color: #7c7c7c; } .theme-skin-dark.woocommerce ul.products li.product, .theme-skin-dark.woocommerce-page ul.products li.product, .theme-skin-dark ul.products li.product { background: #2e2e2e; } .theme-skin-dark.woocommerce ul.products li.product h3 > a, .theme-skin-dark ul.products li.product h3 > a { color: #fff; } .theme-skin-dark .wcmp-product, .theme-skin-dark .wpb_row .wpb_column .wpb_wrapper .wcmp-product { border-color: #7c7c7c; } .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a, .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li span, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li span, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li span, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li span { color: #fff; } .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce #content nav.woocommerce-pagination ul li span.current, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce nav.woocommerce-pagination ul li span.current, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce-page #content nav.woocommerce-pagination ul li span.current, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a:focus, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li a:hover, .theme-skin-dark.woocommerce-page nav.woocommerce-pagination ul li span.current { color: #333; } /* Woo-commerce Single */ .theme-skin-dark.woocommerce #content div.product div.images img, .theme-skin-dark.woocommerce div.product div.images img, .theme-skin-dark.woocommerce-page #content div.product div.images img, .theme-skin-dark.woocommerce-page div.product div.images img { border-color: #7c7c7c; } .theme-skin-dark .product-meta-info-wrapper .product-meta-item { border-color: #7c7c7c; background: #2e2e2e; } .theme-skin-dark .zozo-social-share-box .zozo-social-share-icons li a, .theme-skin-dark .zozo-social-share-box .zozo-social-share-icons li a { border-color: #7c7c7c; color: #fff; } .theme-skin-dark.woocommerce #content div.product .woocommerce-tabs .panel, .theme-skin-dark.woocommerce div.product .woocommerce-tabs .panel, .theme-skin-dark.woocommerce-page #content div.product .woocommerce-tabs .panel, .theme-skin-dark.woocommerce-page div.product .woocommerce-tabs .panel { border-color: #7c7c7c; background: #333; } .theme-skin-dark.woocommerce #reviews #comments ol.commentlist li .comment-text, .theme-skin-dark.woocommerce-page #reviews #comments ol.commentlist li .comment-text { border-color: #7c7c7c; } .theme-skin-dark.woocommerce #review_form #respond textarea { color: #fff; } .theme-skin-dark.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #fff; } .theme-skin-dark.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .theme-skin-dark.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .theme-skin-dark.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .theme-skin-dark.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active { background: #333; border-color: #7c7c7c; } .theme-skin-dark.woocommerce .woocommerce-error, .theme-skin-dark.woocommerce .woocommerce-info, .theme-skin-dark.woocommerce .woocommerce-message, .theme-skin-dark.woocommerce-page .woocommerce-error, .theme-skin-dark.woocommerce-page .woocommerce-info, .theme-skin-dark.woocommerce-page .woocommerce-message { background: #2e2e2e; color: #fff; border-color: #7c7c7c; } /*Woocommerce Cart */ .theme-skin-dark.woocommerce-page .shop_table.cart thead, .theme-skin-dark.woocommerce .shop_table.cart thead { background: #2e2e2e none repeat scroll 0 0; } .theme-skin-dark.woocommerce table.shop_table, .theme-skin-dark.woocommerce-page table.shop_table, .theme-skin-dark.woocommerce table.shop_table td, .theme-skin-dark.woocommerce-page table.shop_table td, .theme-skin-dark.woocommerce #content table.cart img, .theme-skin-dark.woocommerce table.cart img, .theme-skin-dark.woocommerce-page #content table.cart img, .theme-skin-dark.woocommerce-page table.cart img { border-color: #7c7c7c; } .theme-skin-dark.woocommerce #content table.cart td.actions .coupon .input-text, .theme-skin-dark.woocommerce table.cart td.actions .coupon .input-text, .theme-skin-dark.woocommerce-page #content table.cart td.actions .coupon .input-text, .theme-skin-dark.woocommerce-page table.cart td.actions .coupon .input-text { border-color: #7c7c7c; } .theme-skin-dark.woocommerce table.shop_table thead, .theme-skin-dark.woocommerce-page table.shop_table thead, .theme-skin-dark.woocommerce table.shop_table th, .theme-skin-dark.woocommerce-page table.shop_table th { color: #fff; border-color: #7c7c7c; } .theme-skin-dark .woo-cart-totals-container tr td, .theme-skin-dark .payment_box p { color: #fff; } .theme-skin-dark .select2-drop-active, .theme-skin-dark .select2-container .select2-choice { border-color: #7c7c7c; background: #2e2e2e; color: #fff; } .theme-skin-dark .woocommerce #order_review .shop_table thead tr th, .theme-skin-dark .woocommerce #order_review .shop_table .cart_item:last-child td, .theme-skin-dark .woocommerce-checkout #payment ul.payment_methods, .theme-skin-dark .woocommerce #order_review .payment_methods.methods > li { border-color: #7c7c7c; } .theme-skin-dark .select2-results { background: #2e2e2e; } .theme-skin-dark .select2-results .select2-highlighted { background: #000; color: #fff; } .theme-skin-dark .shop_table.cart td.product-name > a { color: #fff; } .theme-skin-dark .zozo-woocommerce-thank-you .order_info, .theme-skin-dark .woocommerce .order_details li { border-color: #7c7c7c; } .theme-skin-dark .woocommerce .widget_shopping_cart .cart_list li a.remove, .theme-skin-dark .woocommerce.widget_shopping_cart .cart_list li a.remove { background: #2e2e2e; } /* Woocommerce Beta */ .theme-skin-dark .woocomposer_list ul.wcmp-product-list li, .bg-skin-dark .woocomposer_list ul.wcmp-product-list li { border-color: #7c7c7c; } /* BuddyPress */ .theme-skin-dark #buddypress #whats-new-form, .theme-skin-dark #buddypress #item-body form#whats-new-form, .theme-skin-dark #buddypress ul.item-list li, .theme-skin-dark #buddypress ul.item-list li, .theme-skin-dark #buddypress .activity-list li.load-more, .theme-skin-dark #buddypress .activity-list li.load-newest { background: #2e2e2e; border-color: #7c7c7c; } .theme-skin-dark #buddypress form#whats-new-form #whats-new-avatar, .theme-skin-dark #buddypress ul.item-list li img.avatar, .theme-skin-dark #buddypress div#item-header img.avatar, .theme-skin-dark #buddypress ul.item-list li img.avatar { background: #333; border-color: #7c7c7c; } .theme-skin-dark #buddypress div.item-list-tabs ul li a, .theme-skin-dark #buddypress div.item-list-tabs ul li span { background: #2e2e2e; border-color: #7c7c7c; color: #fff; } .theme-skin-dark #buddypress table.forum tr td.label, .theme-skin-dark #buddypress table.messages-notices tr td.label, .theme-skin-dark #buddypress table.notifications tr td.label, .theme-skin-dark #buddypress table.notifications-settings tr td.label, .theme-skin-dark #buddypress table.profile-fields tr td.label, .theme-skin-dark #buddypress table.wp-profile-fields tr td.label { border-color: #7c7c7c; color: #fff; } .theme-skin-dark #buddypress .standard-form input:focus, .theme-skin-dark #buddypress .standard-form select:focus, .theme-skin-dark #buddypress .standard-form textarea:focus { background: #2e2e2e; } .theme-skin-dark .bp-avatar-nav ul.avatar-nav-items li.current, .theme-skin-dark .bp-avatar-nav ul { border-color: #7c7c7c; } .theme-skin-dark #buddypress form#whats-new-form textarea { color: #fff; } /* BB Press */ .theme-skin-dark #bbpress-forums li.bbp-header { background: #2e2e2e; } .theme-skin-dark #bbpress-forums, .theme-skin-dark #bbpress-forums ul.bbp-lead-topic, .theme-skin-dark #bbpress-forums ul.bbp-topics, .theme-skin-dark #bbpress-forums ul.bbp-forums, .theme-skin-dark #bbpress-forums ul.bbp-replies, .theme-skin-dark #bbpress-forums ul.bbp-search-results, .theme-skin-dark #bbpress-forums li.bbp-body ul.forum, .theme-skin-dark #bbpress-forums li.bbp-body ul.topic { border-color: #7c7c7c; } .theme-skin-dark #bbpress-forums div.odd, .theme-skin-dark #bbpress-forums ul.odd, .theme-skin-dark #bbpress-forums li.bbp-footer, .theme-skin-dark #bbpress-forums fieldset.bbp-form, .theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { border-color: #7c7c7c; } .theme-skin-dark #bbpress-forums .bbp-body .bbp-forum-title, .theme-skin-dark #bbpress-forums .bbp-body .bbp-topic-permalink, .theme-skin-dark li.bbp-forum-freshness a, .theme-skin-dark li.bbp-topic-freshness a, .theme-skin-dark #bbpress-forums div.bbp-topic-content a, .theme-skin-dark #bbpress-forums div.bbp-reply-content a, .theme-skin-dark #bbpress-forums #bbp-single-user-details #bbp-user-navigation a { color: #fff; } .theme-skin-dark div.bbp-template-notice, .theme-skin-dark div.indicator-hint, .theme-skin-dark div.bbp-template-notice.info { border-color: #7c7c7c; background: #2e2e2e; color: #fff; } div.bbp-template-notice a, div.bbp-template-notice a:hover { color: #fff; } .theme-skin-dark #bbpress-forums div.even, .theme-skin-dark #bbpress-forums ul.even { background: #2e2e2e; } .theme-skin-dark .quicktags-toolbar { background: #2e2e2e } .theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper input:hover, .theme-skin-dark #bbpress-forums div.bbp-the-content-wrapper input:focus { background: #222; color: #fff; } .theme-skin-dark .bbp-pagination-links a, .theme-skin-dark .bbp-pagination-links span.current { border-color: #7c7c7c; } .theme-skin-dark #bbpress-forums div.even, .theme-skin-dark #bbpress-forums div.bbp-reply-header { border-color: #7c7c7c; background: #2e2e2e; } .theme-skin-dark #buddypress .dir-search input[type="search"], .theme-skin-dark #buddypress .dir-search input[type="text"], .theme-skin-dark #buddypress .groups-members-search input[type="search"], .theme-skin-dark #buddypress .groups-members-search input[type="text"], .theme-skin-dark #buddypress .standard-form input[type="color"], .theme-skin-dark #buddypress .standard-form input[type="date"], .theme-skin-dark #buddypress .standard-form input[type="datetime-local"], .theme-skin-dark #buddypress .standard-form input[type="datetime"], .theme-skin-dark #buddypress .standard-form input[type="email"], .theme-skin-dark #buddypress .standard-form input[type="month"], .theme-skin-dark #buddypress .standard-form input[type="number"], .theme-skin-dark #buddypress .standard-form input[type="password"], .theme-skin-dark #buddypress .standard-form input[type="range"], .theme-skin-dark #buddypress .standard-form input[type="search"], .theme-skin-dark #buddypress .standard-form input[type="tel"], .theme-skin-dark #buddypress .standard-form input[type="text"], .theme-skin-dark #buddypress .standard-form input[type="time"], .theme-skin-dark #buddypress .standard-form input[type="url"], .theme-skin-dark #buddypress .standard-form input[type="week"], .theme-skin-dark #buddypress .standard-form select, .theme-skin-dark #buddypress .standard-form textarea, .theme-skin-dark #buddypress div.dir-search input[type="text"], .theme-skin-dark #buddypress li.groups-members-search input[type="text"] { border-color: #7c7c7c; color: #fff; } .theme-skin-dark #buddypress table.notification-settings, .theme-skin-dark #buddypress table.profile-settings, .theme-skin-dark #buddypress table.notifications { border-color: #7c7c7c; } .theme-skin-dark #buddypress table.notification-settings th { background: #2e2e2e; } .theme-skin-dark #buddypress table.forum thead tr, .theme-skin-dark #buddypress table.messages-notices thead tr, .theme-skin-dark #buddypress table.notifications thead tr, .theme-skin-dark #buddypress table.notifications-settings thead tr, .theme-skin-dark #buddypress table.profile-fields thead tr, .theme-skin-dark #buddypress table.profile-settings thead tr, .theme-skin-dark #buddypress table.wp-profile-fields thead tr { background: #2e2e2e; } /*Events Calender*/ .theme-skin-dark #tribe-bar-form, .theme-skin-dark #tribe-bar-form input[type="text"] { border-color: #7c7c7c; } .theme-skin-dark .tribe-events-calendar thead th { background: #000; } .theme-skin-dark #tribe-events-content table.tribe-events-calendar, .theme-skin-dark #tribe-events-content .tribe-events-calendar td, .theme-skin-dark.events-archive.events-gridview #tribe-events-content table .type-tribe_events, .theme-skin-dark .tribe-events-viewmore { border-color: #7c7c7c; } .theme-skin-dark .tribe-events-calendar div[id*="tribe-events-daynum-"], .theme-skin-dark .tribe-events-calendar div[id*="tribe-events-daynum-"] a, .theme-skin-dark #tribe-events-content .tribe-events-calendar td:hover { background: #2e2e2e; } .theme-skin-dark .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .theme-skin-dark .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a { background: #222; color: #fff; } .theme-skin-dark #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth { background: #222; } .theme-skin-dark .entry-title a, .theme-skin-dark .related-content-wrapper h5 .post-link, .theme-skin-dark #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { color: #fff; } .theme-skin-dark .recurring-info-tooltip, .theme-skin-dark .tribe-events-calendar .tribe-events-tooltip, .theme-skin-dark .tribe-events-week .tribe-events-tooltip { background: #333; color: #fff; } /* List view */ .theme-skin-dark .tribe-events-list-separator-month span { background: #333; } .theme-skin-dark .tribe-events-list .time-details { color: #fff; } /* Day View */ .theme-skin-dark .tribe-events-day .tribe-events-day-time-slot h5 { border-color: #7c7c7c; background: #2e2e2e; color: #fff; } /* Single */ .theme-skin-dark .tribe-events-list-separator-month:after, .theme-skin-dark .tribe-events-list .type-tribe_events { border-color: #7c7c7c; } .theme-skin-dark.single-tribe_events .tribe-events-event-meta { background: #2e2e2e; border-color: #7c7c7c; } .theme-skin-dark .tribe-events-meta-group .tribe-events-single-section-title { border-color: #7c7c7c; } .theme-skin-dark.events-list #tribe-events-footer, .theme-skin-dark.single-tribe_events #tribe-events-footer, .theme-skin-dark .tribe-events-day #tribe-events-footer, .theme-skin-dark .tribe-events-map #tribe-events-footer, .theme-skin-dark .tribe-events-photo #tribe-events-footer { border-color: #7c7c7c; } /* dont Touch */ /* ================================================================ * RETINA STYLES * ================================================================ */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .zozo-logo .navbar-brand img.zozo-standard-logo, .zozo-logo .navbar-brand h1.standard-text-logo, .zozo-mobile-logo .navbar-brand img.zozo-standard-logo, .zozo-mobile-logo .navbar-brand h1.standard-text-logo { display: none; } .zozo-logo .navbar-brand img.zozo-retina-logo, .zozo-logo .navbar-brand h1.retina-text-logo, .zozo-mobile-logo .navbar-brand img.zozo-retina-logo, .zozo-mobile-logo .navbar-brand h1.retina-text-logo { display: inline-block; } } /* dont Touch */ /*Zmm Styles*/ .zmm-wrapper { height: 100%; left: -100%; position: fixed; top: 0; width: 100%; z-index: 99999; background: -moz-radial-gradient(center, ellipse cover, rgba(254,184,0,1) 0%, rgba(161,115,0,1) 100%); /* ff3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(254,184,0,1)), color-stop(100%, rgba(161,115,0,1))); /* safari4+,chrome */ background:-webkit-radial-gradient(center, ellipse cover, rgba(254,184,0,1) 0%, rgba(161,115,0,1) 100%); /* safari5.1+,chrome10+ */ background: -o-radial-gradient(center, ellipse cover, rgba(254,184,0,1) 0%, rgba(161,115,0,1) 100%); /* opera 11.10+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(254,184,0,1) 0%, rgba(161,115,0,1) 100%); /* ie10+ */ background:radial-gradient(ellipse at center, rgba(254,184,0,1) 0%, rgba(161,115,0,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEB800', endColorstr='#A17300',GradientType=1 ); /* ie6-9 */ } body.zmm-open .zmm-wrapper{ overflow-y:scroll; } .zmm-wrapper .zmm-close, .zmm-wrapper .zmm-dropdown-toggle{ color:#fff; cursor:pointer; } .zmm-wrapper .zmm-close{ position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; opacity: 0.3; } .zmm-wrapper .zmm-close:hover { opacity: 1; } .zmm-wrapper .zmm-close:before, .zmm-wrapper .zmm-close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #fff; } .zmm-wrapper .zmm-close:before { -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .zmm-wrapper .zmm-close:after { -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); } .zmm-wrapper ul li a{ color:#fff; } .zmm-wrapper ul li a:hover{ color:#333; } .zmm-wrapper .zmm-inner .main-nav li a { padding: 0 10px; } .zmm-wrapper .zmm-inner .main-nav ul.sub-nav { padding-left: 15px; } .zmm-wrapper .menu-item-has-children { position: relative; } .zmm-wrapper .zmm-dropdown-toggle{ color: #ffffff; font-size: 14px; font-weight: 800; line-height: 35px; position: absolute; right: 0px; top: 0; width:40px; text-align:center; } .zmm-wrapper .zmm-close { position: absolute; right: 15px; top: 15px; } .zmm-wrapper .zmm-inner { padding: 45px 15px; } .zmm-wrapper .zmm-inner .zozo-social-icons{ text-align:center; } .zmm-wrapper .main-menu-container .navbar-nav li { list-style: none; } .zmm-wrapper .main-menu-container .navbar-nav li > a { font-size: 14px; font-weight: 400; line-height:35px; text-transform: capitalize; } body.zmm-open{ overflow:hidden; } .zmm-wrapper .zozo-social-icons.soc-icon-transparent i{ color:#fff; }/* ================================= Visual Composer CSS ================================= */ /* Section Styles */ .typo-light, .typo-light h1, .typo-light h2, .typo-light h3, .typo-light h4, .typo-light h5, .typo-light h6, .typo-light p, .typo-light a:hover, .typo-light a.btn:hover { color: #fff; } .typo-dark, .typo-dark h1, .typo-dark h2, .typo-dark h3, .typo-dark h4, .typo-dark h5, .typo-dark h6, .typo-dark p, .typo-light a.btn { color: #333; } /* ================================================================ * CONTENT CAROUSEL * ================================================================ */ .zozo-content-carousel-wrapper .content-carousel-slider .owl-item { overflow: hidden; } .vc_row .vc_images_carousel .vc_carousel-indicators .vc_active { background: none; } /* ================================================================ * SERVICES BOX * ================================================================ */ .zozo-vc-service-box { margin: 0 auto; } .zozo-vc-service-box .service-box-inner { background: #f7f7f7; border: 1px solid #e1e1e1; position: relative; display: inline-block; height: 250px; margin: 0 auto; max-width: 250px; width: 100%; } .zozo-vc-service-box.service-box-circle .service-box-inner { border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; } .zozo-vc-service-box.service-box-rounded .service-box-inner { border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -webkit-border-radius: 25px; } .zozo-vc-service-box .service-box-inner .service-ribbon-text { border-radius: 50%; height: 40px; color: #333; line-height: 40px; position: absolute; right: -15px; top: -15px; width: 40px; } .zozo-vc-service-box.service-box-circle .service-box-inner .service-ribbon-text { right: 15px; top: 15px; } .zozo-vc-service-box .service-box-content { left: 0; padding: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .zozo-vc-service-box .service-box-content { -webkit-font-smoothing: subpixel-antialiased; } .zozo-vc-service-box .service-box-content h4 { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 15px; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; } /* ================================================================ * VC Button Styles * ================================================================ */ .vc_general.vc_btn3, .vc_general.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline, .typo-dark .vc_general.vc_btn3.vc_btn3-style-transparent:hover, .typo-dark .vc_general.vc_btn3.vc_btn3-style-transparent:focus, .typo-dark .vc_general.vc_btn3.vc_btn3-style-transparent:active, .ubtn.ubtn-center-dg-bg .ubtn-hover, .ubtn.ubtn-top-bg .ubtn-hover, .ubtn.ubtn-bottom-bg .ubtn-hover, .ubtn.ubtn-left-bg .ubtn-hover, .ubtn.ubtn-right-bg .ubtn-hover, .ubtn.ubtn-center-hz-bg .ubtn-hover, .ubtn.ubtn-center-vt-bg .ubtn-hover { color: #333333; } .vc_general.vc_btn3.vc_btn3-style-default:hover, .vc_general.vc_btn3.vc_btn3-style-default:focus, .vc_general.vc_btn3.vc_btn3-style-default:active, .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline:hover, .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline:active, .typo-light .vc_general.vc_btn3.vc_btn3-style-transparent:hover, .typo-light .vc_general.vc_btn3.vc_btn3-style-transparent:focus, .typo-light .vc_general.vc_btn3.vc_btn3-style-transparent:active, .vc_general.vc_btn3.vc_btn3-color-black, .typo-dark .vc_btn3.vc_btn3-color-black.vc_btn3-style-outline:hover, .typo-dark .vc_btn3.vc_btn3-color-black.vc_btn3-style-outline:focus { color: #fff; } .vc_btn3.vc_btn3-size-md { line-height: 22px; padding: 9px 20px; } .vc_general.vc_btn3.vc_btn3-style-transparent, .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-style-transparent, .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-style-transparent:hover, .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-style-transparent:focus, .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-style-transparent:active { padding: 0; background: transparent; text-decoration: underline; } .bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-style-transparent { color: #333; } .typo-light.bg-style.bg-normal .vc_general.vc_btn3.vc_btn3-style-transparent { color: #fff; } /* ================================================================ * CALL TO ACTION * ================================================================ */ .vc_general.vc_cta3.vc_cta3-style-custom { background: transparent; border: none; } .vc_general.vc_cta3.vc_cta3-style-default { padding: 0; } .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-content, .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-actions { display: inline-block; vertical-align: middle; } .vc_general.vc_cta3.vc_cta3-style-custom.no-padding, .vc_general.vc_cta3.vc_cta3-style-custom.vc_cta3-align-center.no-padding { padding: 0; margin-bottom: 15px; } .vc_general.vc_cta3.vc_cta3-align-left .vc_cta3_content-container { text-align: left; } .vc_general.vc_cta3.vc_cta3-align-right .vc_cta3_content-container { text-align: right; } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3_content-container { text-align: center; } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3_content-container .vc_cta3-content, .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-actions, .vc_general.vc_cta3 .vc_cta3_content-container .vc_btn3-inline { transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3_content-container .vc_cta3-content { padding-right: 0; } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3_content-container .vc_btn3-inline .vc_btn3-style-transparent { padding-left: 5px; } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3_content-container .vc_btn3-inline .vc_btn3-style-transparent { border:none; } .vc_general.vc_cta3.vc_cta3-align-center:hover .vc_cta3_content-container .vc_btn3-inline .vc_btn3-style-transparent { padding-left: 15px; } .vc_general.vc_cta3 .vc_cta3_content-container h2 { font-size: 22px; font-weight: 300; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; color:#FFF } .vc_general.vc_cta3 .vc_cta3_content-container h4 { line-height: 1.7; text-transform: capitalize; } .vc_btn3.vc_btn3-style-custom { border: none; line-height: 22px; outline: none; padding: 9px 20px; color: #333333!important; border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; } .vc_btn3-inline .vc_btn3.vc_btn3-style-custom { font-size: 34px; background: none!important; color: #000!important; font-weight: 500; line-height: 50px; padding: 0; text-decoration: underline; } .vc_general.vc_cta3 .vc_btn3.vc_btn3-size-md { line-height: 18px; } .vc_general.vc_cta3 .vc_cta3-actions .vc_general.vc_btn3.vc_btn3-style-transparent { background: none; font-size: 22px; font-weight: 500; text-decoration: underline; text-transform: uppercase; } .vc_general.vc_cta3 .vc_cta3-actions .vc_general.vc_btn3.vc_btn3-style-transparent.vc_btn3-size-xs { font-size: 18px; line-height: 23px; margin-bottom: 10px; } .vc_general.vc_cta3 h2 { margin-bottom: 10px; } .vc_btn3-container.vc_btn3-inline { margin-bottom: 0; } /* ================================================================ * Vc Icons * ================================================================ */ .zozo-vc-icons { margin-bottom: 20px; } /* ================================================================ * Feature Box * ================================================================ */ .zozo-feature-box.feature-box-style { margin-bottom: 30px; } .grid-item, .grid-item * { transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; } .grid-item .grid-title { font-weight: 700; margin-bottom:0; font-size: 16px; } .grid-item a > .grid-title { color:#333; } .typo-light .grid-item a > .grid-title { color:#fff; } .grid-item .grid-title.grid-title-bottom { margin: 15px 0 0; } .grid-item .grid-desc p:last-child { margin-bottom: 0; } /*Icon shape */ .zozo-icon { height: auto; width: auto; border: none; } .zozo-icon.icon-shape.icon-small { height: 35px; line-height: 35px; width: 35px; } .zozo-icon.icon-shape.icon-normal { height: 50px; line-height: 50px; width: 50px; } .zozo-icon.icon-shape.icon-medium { height: 60px; line-height: 60px; width: 60px; } .zozo-icon.icon-shape.icon-large { height: 80px; line-height: 80px; width: 80px; } .zozo-icon.icon-shape.icon-exlarge { height: 100px; line-height: 100px; width: 100px; } /* Default box */ .zozo-feature-box.style-default-box .grid-icon-wrapper, .zozo-feature-box.style-default-box .grid-content-wrapper { display: table-cell; vertical-align: middle; } .zozo-feature-box.style-default-box .grid-icon-wrapper { vertical-align: top; } .zozo-feature-box.style-default-box .grid-text-left .grid-icon-wrapper { padding-right: 45px; } .zozo-feature-box.style-default-box .grid-text-center .grid-icon-wrapper, .zozo-feature-box.style-default-box .grid-text-center .grid-content-wrapper { display: inline-block; } .zozo-feature-box.style-default-box .grid-text-right .grid-icon-wrapper { float: right; padding: 0 0 0 40px; } .zozo-feature-box.style-default-box .grid-item .grid-title { margin-bottom: 22px; } .zozo-feature-box.style-default-box { margin-bottom:30px; } .zozo-feature-box.style-default-box .grid-box-inner { margin-bottom:50px; } .zozo-feature-box.style-default-box:last-child .grid-box-inner { margin-bottom: 0; } /* Default box - space */ .zozo-feature-box.style-default-box .grid-icon-shape .grid-icon-wrapper { padding-right: 15px; } .zozo-feature-box.style-default-box .grid-item .grid-icon-shape .grid-title { margin: 0 0 12px 0; } .zozo-feature-box.style-default-box .grid-box-inner.grid-icon-shape { margin-bottom:30px; } .zozo-feature-box.style-default-box:last-child .grid-box-inner.grid-icon-shape { margin-bottom: 0; } /* Default box - Image */ .zozo-feature-box.style-default-box .grid-image-wrapper { display: inline-block; vertical-align: top; } .zozo-feature-box.style-default-box .grid-text-right .grid-image-wrapper { float: right; } .zozo-feature-box.style-default-box .grid-image-wrapper { min-width: 40px; vertical-align: top; float: left; } .zozo-feature-box.style-default-box .grid-text-center .grid-image-wrapper { display: inline-block; float: none; } .zozo-feature-box.style-default-box .grid-text-left.grid-box-image .grid-content-wrapper { padding-left: 15px; } .zozo-feature-box.style-default-box .grid-text-right.grid-box-image .grid-content-wrapper { padding-right: 15px; } /*Alignment Center */ .grid-item .grid-text-center { text-align: center; } /* Alignment Right & Left */ .grid-item .grid-text-right, .grid-item .grid-text-right .grid-content-wrapper { text-align: right; } .grid-item .grid-button { margin-top: 10px; } .grid-item .grid-button > .btn { margin-top:20px; } .style-sep-yes .grid-item .grid-button { border-top: 1px dashed #e1e1e1; padding-top: 10px; } /* Icons */ .grid-item .grid-icon-wrapper { margin-bottom: 15px; } .grid-item .zozo-icon { text-align: center; display: inline-block; position:relative; } /*LIGHT*/ .zozo-feature-box .grid-item .grid-icon-wrapper .grid-icon.icon-none.icon-skin-light, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-none.icon-skin-dark { color: #fff; } /*DARK*/ .zozo-feature-box .grid-item .grid-icon-wrapper .grid-icon.icon-none.icon-skin-dark, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-none.icon-skin-light { color: #333; } /* Icon Circle */ .zozo-fa-icon-circle, .zozo-icon.icon-circle { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; } /* Icon Rounded */ .zozo-icon.icon-rounded { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; } /* Icon Light */ .zozo-icon.icon-light.icon-shape { background-color: #f7f7f7; } /* Icon Dark */ .zozo-icon.icon-dark.icon-shape { background-color: #2e2e2e; color: #fff; } /* Icon Transparent */ .zozo-icon.icon-transparent { background-color: transparent; } /* Icon Bordered */ .zozo-icon.icon-bordered { border: 1px solid #333; } .zozo-icon.icon-bg.icon-shape .zozo-icon.icon-border-bg.icon-shape { color: #333; } .zozo-icon.icon-border-bg.icon-shape { border: 1px solid; } /* Icon Bordered w/ Background Alt Style */ .zozo-icon.icon-border-bg-space.icon-shape { position: relative; margin-bottom:10px; } .zozo-icon.icon-border-bg-space.icon-shape:after { content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: scale(1.15); -ms-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); -webkit-transform: scale(1.15); border-radius: inherit; -ms-border-radius: inherit; -moz-border-radius: inherit; -o-border-radius: inherit; -webkit-border-radius: inherit; transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; width: 100%; } /* Icon Extra Large */ .zozo-icon.icon-exlarge { font-size: 3.2em; } /* Icon Large */ .zozo-icon.icon-large { font-size: 2.5em; } /* Icon Medium */ .zozo-icon.icon-medium { font-size: 2em; } /* Icon Normal */ .zozo-icon.icon-normal { font-size: 1.5em; } /* Icon Small */ .zozo-icon.icon-small { font-size: 1em; } /* Icon color */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape, .typo-light .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape { color: #333; } /* Icon Hover Color Styles */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape, .typo-light .zozo-feature-box .grid-item:hover .grid-icon-wrapper .grid-icon.icon-none { color: #fff; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper .grid-icon.icon-none, .zozo-feature-box .grid-item:hover .grid-icon-wrapper .grid-icon.icon-shape.icon-transparent, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape.icon-bordered, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .zozo-icon.icon-light.icon-shape { color: #333; } /* Icon Hover Bg color */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-shape, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .grid-icon.icon-pattern, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-border-bg, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-border-bg-space, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-dark.icon-shape, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-shape, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .grid-icon.icon-pattern, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-border-bg, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-border-bg-space, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-dark.icon-shape { background-color: #F5F5F5; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-bordered, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-light.icon-shape, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-bordered, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-light.icon-shape { background: #333; } /* Icon Hover border-color */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br .grid-icon, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .grid-icon, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .grid-icon, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .grid-icon, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-bordered { border-color: #e1e1e1; } /* Icon Hover border-color & Icon Color */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .zozo-icon.icon-shape { color: #fff; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .zozo-icon.icon-shape.icon-light, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .zozo-icon.icon-shape.icon-bordered { color: #333; } /* Icon Hover Icon & Bg Color */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-dark, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-light, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-bordered, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-dark, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-pattern, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-light, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-bordered { color: #333; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-pattern { color: #fff; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape { background-color: #333; } /* Icon Shape On Color Bg */ .bg-style.bg-normal .zozo-icon.icon-border-bg-space.icon-shape:after { box-shadow: 0 0 0 2px #fff; } .bg-style.bg-normal .zozo-icon.icon-bg.icon-shape, .bg-style.bg-normal .zozo-icon.icon-border-bg.icon-shape, .bg-style.bg-normal .zozo-icon.icon-border-bg-space.icon-shape { background-color: #fff; border-color: #fff; } .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon, .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon { background: #333; } .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .zozo-icon { color: #fff; } .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape { color: #333; } /* Icon hove Border Space */ .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br .zozo-icon.icon-border-bg-space:after, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-border-bg-space:after, .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .zozo-icon.icon-border-bg-space:after { box-shadow: 0 0 0 2px #F5F5F5; } .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .zozo-icon.icon-border-bg-space:after { box-shadow: 0 0 0 2px #333; } .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br .zozo-icon.icon-border-bg-space:after, .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-border-bg-space:after, .bg-style.bg-normal .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .zozo-icon.icon-border-bg-space:after { box-shadow: 0 0 0 2px #333; } /* ================================================================ * Feature Box With Background * ================================================================ */ .zozo-feature-box.style-box-with-bg { background-color: #f5f5f5; } .zozo-feature-box.style-box-with-bg .grid-item, .zozo-feature-box.style-outline-box .grid-item { padding: 20px; } .zozo-feature-box.style-box-with-bg .grid-text-right .grid-icon-wrapper, .zozo-feature-box.style-outline-box .grid-text-right .grid-icon-wrapper { text-align: right; } .zozo-feature-box.style-box-with-bg .grid-text-left .grid-icon-wrapper, .zozo-feature-box.style-outline-box .grid-text-left .grid-icon-wrapper { text-align: left; } .zozo-feature-box.style-box-with-bg .zozo-icon.icon-light.icon-shape { background: #fff; } /* ================================================================ * Feature Box Outlined Box * ================================================================ */ .zozo-feature-box.style-outline-box .grid-item { border: 1px solid #e1e1e1; } /* ================================================================ * Title Top and Icon Box * ================================================================ */ .feature-box-style.style-title-top-icon .grid-icon-box-title { margin-bottom: 15px; position: relative; } .feature-box-style.style-title-top-icon .grid-icon-box-left { text-align: left; } .feature-box-style.style-title-top-icon .grid-icon-box-right { text-align: right; } .feature-box-style.style-title-top-icon .grid-icon-box-center { text-align: center; } .feature-box-style.style-title-top-icon .grid-icon-box-left .grid-icon-box-title .grid-icon-wrapper, .feature-box-style.style-title-top-icon .grid-icon-box-left .grid-icon-box-title .grid-image-wrapper { display: table-cell; padding-right: 15px; } .feature-box-style.style-title-top-icon .grid-icon-box-title > a, .feature-box-style.style-title-top-icon .grid-icon-box-title .grid-title { display: table-cell; margin-bottom: 0; vertical-align: middle; } .feature-box-style.style-title-top-icon .grid-icon-box-center .grid-icon-box-title .grid-title, .feature-box-style.style-title-top-icon .grid-icon-box-center .grid-icon-box-title .grid-icon-wrapper, .feature-box-style.style-title-top-icon .grid-icon-box-center .grid-icon-box-title .grid-image-wrapper { display: block; } .feature-box-style.style-title-top-icon .grid-icon-box-right .grid-icon-box-title { float: right; } .feature-box-style.style-title-top-icon .grid-icon-box-right .grid-icon-box-title .grid-icon-wrapper, .feature-box-style.style-title-top-icon .grid-icon-box-right .grid-icon-box-title .grid-image-wrapper { padding: 0 0 0 15px; display: table-cell; } /* ================================================================ * Overlay Feature box * ================================================================ */ .zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner { border: 1px solid #e1e1e1; overflow: hidden; max-width: 320px; margin: 0 auto; position: relative; } .grid-item .grid-box-inner .grid-overlay-top .grid-icon-wrapper .grid-icon { overflow: visible; } .icon-bottom-line .grid-icon-wrapper { position:relative; margin-bottom:30px; } .grid-item .grid-box-inner .grid-overlay-top .grid-icon-wrapper .grid-icon:after, .icon-bottom-line .grid-icon-wrapper:after { content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; bottom: -15px; width: 40px; } .grid-item .grid-box-inner .grid-overlay-top .grid-title { margin-top: 25px; } .grid-item .grid-box-inner .grid-overlay-top .grid-title { margin-bottom: 0; } .grid-item .grid-box-inner .grid-overlay-top .grid-title.grid-title-top { margin-bottom: 15px; position:relative; } .grid-item .grid-box-inner .grid-overlay-top { background: #ffffff; height: 100%; left: 0; bottom: 20px; position: absolute; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; width: 100%; z-index: 9; } .grid-overlay-top .grid-title { color: #333; } .grid-overlay-top .grid-icon-wrapper i.zozo-icon.icon-none { font-size: 65px; width: auto; } .grid-item .grid-box-inner .grid-overlay-top .grid-overlay-info { position: absolute; left: 0; right: 0; top: 50%; padding: 20px 15px; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .grid-item:hover .grid-box-inner .grid-overlay-top { transform: translateY(-100%); -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); } .grid-item .grid-box-inner .grid-overlay-bottom { color: #333333; height: 100%; padding: 25px 15px 20px; position: relative; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform: translateY(100%); -ms-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); width: 100%; } .grid-item:hover .grid-box-inner .grid-overlay-bottom { transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); } .feature-box-style.style-overlay-box .overlay-box-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 35; } /* DARK TRANSPARENT BOX */ .grid-overlay-info .grid-icon { line-height: 1; } .dark-transparent-box.zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner { background: rgba(0, 0, 0, 0.6); border: none; } .grid-item .grid-box-inner .grid-overlay-top, .theme-skin-dark .grid-item .grid-box-inner .grid-overlay-top, .bg-skin-dark .grid-item .grid-box-inner .grid-overlay-top { background:none; bottom:0; } .dark-transparent-box.zozo-feature-box .grid-overlay-top .grid-title { color:#fff; } /* Overlay box hover Styles */ .zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-light, .zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-light { background: #333; color: #fff; } .zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-dark, .zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-dark { background: #f5f5f5; } /* Image Grid Box - Title And Image On Top & Default box */ .zozo-feature-box.style-title-top-icon .grid-icon-box-left .grid-image-wrapper img, .zozo-feature-box.style-title-top-icon .grid-icon-box-right .grid-image-wrapper img, .zozo-feature-box.style-default-box .grid-text-right .grid-image-wrapper img, .zozo-feature-box.style-default-box .grid-text-left .grid-image-wrapper img { max-width: 40px; } .zozo-feature-box .grid-text-right .grid-image-wrapper { text-align: right; } .zozo-feature-box .grid-text-center .grid-image-wrapper { text-align: center; } .zozo-feature-box.style-overlay-box .zozo-image-wrapper.img-circle { margin-bottom: 0; } .top-border-style { background: #fff; padding: 15px; position: relative; } .bg-skin-dark .top-border-style { background: rgba(0, 0, 0, 1) url("/metal/wp-content/themes/metal/css/plugins/images/header-dark-bg.jpg") repeat; } .top-border-style:after { border:4px solid; border-bottom:none; content: ""; height: 100px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } /* Image Filters */ .grid-image-wrapper { position: relative; overflow: hidden; margin-bottom: 10px; border-radius: 10px; } .grid-image-wrapper.img-size-small img { width: auto; } .zozo-img-filter-grayscale img { filter: url("data:image/svg+xml;utf8,#grayscale"); */ /* Firefox 3.5+, IE10 */ filter: gray; -webkit-filter: grayscale(100%); -webkit-backface-visibility: hidden; /* Fix for transition flickering */ transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; } .zozo-img-filter-grayscale:hover img { /*filter: url("data:image/svg+xml;utf8,#grayscale"); */ filter: none; filter: grayscale(0); -webkit-filter: grayscale(0); } /* Hover Effects */ .zozo-image-wrapper.img-circle { max-width: 80%; margin: 0 auto 20px; display: inline-block; } .zozo-feature-box img, .zozo-img-hover img { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; } .zozo-img-hover-grow:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .zozo-img-hover-grow:hover .grid-shape-angled .zozo-image-wrapper img.img-angled { transform: skewY(-3deg) scale(1.2); -ms-transform: skewY(-3deg) scale(1.2); -webkit-transform: skewY(-3deg) scale(1.2); -o-transform: skewY(-3deg) scale(1.2); -moz-transform: skewY(-3deg) scale(1.2); } .zozo-img-hover-grow-rotate:hover img { transform: scale(1.2) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); -webkit-transform: scale(1.2) rotate(3deg); -o-transform: scale(1.2) rotate(3deg); -moz-transform: scale(1.2) rotate(3deg); } .zozo-img-hover-grow-rotate:hover .grid-shape-angled .zozo-image-wrapper img.img-angled { transform: skewY(-3deg) rotate(2deg) scale(1.2); -ms-transform: skewY(-3deg) rotate(2deg) scale(1.2); -webkit-transform: skewY(-3deg) rotate(2deg) scale(1.2); -o-transform: skewY(-3deg) rotate(2deg) scale(1.2); -moz-transform: skewY(-3deg) rotate(2deg) scale(1.2); } .zozo-img-hover-blurr img, .zozo-img-hover-blurr-invert img { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .zozo-img-hover-blurr:hover img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .zozo-img-hover-blurr-invert img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .zozo-img-hover-blurr-invert:hover img { filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); } .zozo-img-hover-fade-in .zozo-image-wrapper { background: #000; } .zozo-img-hover-fade-in img { opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; } .zozo-img-hover-fade-in:hover img { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .zozo-img-hover-fade-out:hover .zozo-image-wrapper { background: #000; } .zozo-img-hover-fade-out:hover img { opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; } .zozo-img-hover-sepia:hover img { -webkit-filter: sepia(100%); filter: sepia(100%); } /*.wpb_single_image .vc_single_image-wrapper { display: block; }*/ .ult-carousel-wrapper .wpb_single_image .vc_single_image-wrapper { display: inline-block; } /*Side Container styles*/ .vc-zozo-section { padding: 20px 0; margin-bottom: 0; } @media only screen and (max-width: 1200px){ .vc-zozo-section {padding: 60px 0;} } @media only screen and (max-width: 960px){ .vc-zozo-section {padding: 40px 0;} } @media only screen and (max-width: 680px){ .vc-zozo-section {padding: 25px 0;} } .wpb_row.vc_row { margin-bottom: 0; } .vc-zozo-section.bg-style.image-right, .vc-zozo-section.bg-style.image-left { padding: 0; } .vc_row.bg-style.image-left, .vc_row.bg-style.image-right { background-image: none !important; } .bg-style.image-left .vc-side-image-wrapper, .bg-style.image-right .vc-side-image-wrapper { padding-left: 0; padding-right: 0; } .bg-style.image-left .vc-side-content-wrapper, .bg-style.image-right .vc-side-content-wrapper { padding: 75px 0; } .bg-style.image-left .container-fluid .vc-side-content-wrapper, .bg-style.image-right .container-fluid .vc-side-content-wrapper { padding: 75px 3%; } /*Accordion*/ .vc_tta-accordion.vc_tta-style-default .vc_tta-panel-title > a { border-bottom: 1px solid #f2f2f2; color: #333; } .vc_tta-accordion.vc_tta-style-default .vc_tta-panel-body { padding: 5px 0; } .vc_tta-accordion.vc_tta-style-default .vc_tta-panel-title > a { padding: 8px 0; } .vc_tta-accordion.vc_tta-style-default .vc_tta-panel-heading { border: none; } .vc_tta-accordion.vc_tta-style-default .vc_tta-panel-title { font-weight: 600; line-height: 22px; font-size: 16px; } /* VC TABS */ .vc_tta.vc_tta-controls-align-center .vc_tta-tab { display: table-cell; width: 1%; } .vc_tta.vc_general .vc_tta-tab > a { padding: 25px 20px; } .vc_tta.vc_tta-gap-1.vc_tta-tabs-position-top .vc_tta-tabs-container { margin-bottom: -1px; } .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a { border-color: #e1e1e1; } .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a, .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active > a, .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active > a, .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a, .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active > a, .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active > a { color: #333; } .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels { background: #fff; } .vc_tta-controls-align-left .vc_tta-tabs-list, .vc_tta-controls-align-right .vc_tta-tabs-list { border-bottom: 1px solid #e1e1e1; } .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs.vc_tta-shape-rounded .vc_tta-panels { border: none; } /* VC OUTLINE TAB */ .vc_tta.vc_general.vc_tta-style-outline .vc_tta-tab > a { padding: 5px 20px; } .vc_tta.vc_general.vc_tta-style-outline .vc_tta-title-text { color: #1e1e1e; font-size: 13px; font-weight: 400; } .vc_tta.vc_general.vc_tta-style-outline .vc_tta-tab.vc_active{ border: 1px solid #ebebeb; border-bottom:0px; } .vc_tta.vc_general.vc_tta-style-outline .vc_tta-tab > a { border-width: 0; } .vc_tta.vc_general.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels{ border:0px; } .vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab > a:focus, .vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab > a:hover{ background-color:transparent; } /* VC FAQ */ .vc_toggle_title > h4 { font-size: 16px; line-height: 21px; text-transform: uppercase; } .vc_toggle_square .vc_toggle_icon::before, .vc_toggle_square .vc_toggle_icon::after { background: #333; } .vc_toggle_square .vc_toggle_icon, .vc_toggle_square .vc_toggle_icon::before, .vc_toggle_square .vc_toggle_icon::after { -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } /* VC Gallery Slider */ .wpb_column .wpb_gallery.wpb_content_element { margin-bottom: 0; } .wpb_gallery .flexslider { margin-bottom: 40px; } /* Ultimate VC Addons - Flip Boxes */ .flip-box-wrap .ifb-flip-box-section { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* VC call to action transparent */ .vc_cta3-container:last-child { margin-bottom:0; } .bg-style.bg-normal .vc_cta3-actions .vc_general.vc_btn3.vc_btn3-color-primary-bg.vc_btn3-style-transparent { color: #FFF; } .vc_btn3.vc_btn3-color-white.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-white.vc_btn3-style-transparent:hover { color: #fff; } .vc_btn3.vc_btn3-color-default.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-default.vc_btn3-style-transparent:hover { color: #f7f7f7; } .vc_btn3.vc_btn3-color-primary.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-transparent:hover { color: #0088cc; } .vc_btn3.vc_btn3-color-info.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-info.vc_btn3-style-transparent:hover { color: #58b9da; } .vc_btn3.vc_btn3-color-success.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-success.vc_btn3-style-transparent:hover { color: #6ab165; } .vc_btn3.vc_btn3-color-warning.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-warning.vc_btn3-style-transparent:hover { color: #ff9900; } .vc_btn3.vc_btn3-color-danger.vc_btn3-style-transparent, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-transparent:hover { color: #ff675b; } /* ================================================================ * NEW STYLES * ================================================================ */ /* ================================================================ * PORTFOLIO * ================================================================ */ .portfolio-content a.classic-img-link:after, .portfolio-content:hover a.classic-img-link:after, .portfolio-content a.classic-img-link:before, .portfolio-content:hover a.classic-img-link:before { -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; } .portfolio-item h4, .portfolio-item h5 { margin-bottom: 7px; text-transform: uppercase; } /* Classic */ .style-classic .portfolio-inner-wrapper { background-color: #f5f5f5; padding: 20px; } .style-classic .portfolio-inner-wrapper a { color:#333; } .style-classic .portfolio-rating { padding-top: 3px; } .portfolio-content a.classic-img-link { position: relative; display: block; overflow: hidden; } .portfolio-content a.classic-img-link:after { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; content: ""; left: 0; right: 0; top: 0; position: absolute; width: 100%; height: 100%; opacity: 0; } .portfolio-content:hover a.classic-img-link:after { opacity: 1; } .portfolio-content a.classic-img-link:before { background: rgba(0, 0, 0, 0.9); color: #fff; border: 1px solid; content: "\f002"; font-family: 'FontAwesome'; height: 35px; left: 50%; line-height: 35px; position: absolute; text-align: center; width: 35px; z-index: 1; opacity: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .portfolio-content:hover a.classic-img-link:before { opacity: 1; } /* Style 1 */ .style-style_one { background-color: #f7f7f7; border: 1px solid #dedcdc; padding: 18px; } .bg-skin-dark .style-style_one { background-color: #333; border-color: #333; } .style-style_one .portfolio-content, .style-style_one .portfolio-img { position: static; } .style-style_one .portfolio-bottom { padding: 15px 0 0; } /* Style 2 */ .style-style_two .portfolio-bottom { padding: 8px; } .style-style_two .portfolio-title{text-align:center} .style-style_two .portfolio-title a { color: #2e2f2f; font-size: 16px; } .style-style_two .portfolio-title a:hover { color: #2e74d7; } /* Filter Type Icon */ .portfolio-tabs.icon_type { position: relative; overflow-x: hidden; } .portfolio-tabs.icon_type::after { content: ""; height: 4px; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .portfolio-tabs.icon_type li { margin: 0; } .portfolio-tabs.icon_type li a { font-size: 16px; font-weight: 700; letter-spacing: 1px; padding: 0; margin: 0 8px; text-transform: uppercase; border: none; } .portfolio-tabs.icon_type li a > span { font-weight: 700; } .portfolio-tabs.icon_type li a i { margin-right: 10px; } .portfolio-tabs.icon_type.text-center li, .portfolio-tabs.icon_type.text-right li { background: #fff; position: relative; z-index: 1; margin: 0 -2px; } .portfolio-tabs.icon_type.text-center li a, .portfolio-tabs.icon_type.text-right li a { margin: 0 10px; } .portfolio-tabs.icon_type.text-center::after, .portfolio-tabs.icon_type.text-right::after { left: 0; right: 0; } .portfolio-tabs-wb.icon_type { position: relative; overflow-x: hidden; } .portfolio-tabs-wb.icon_type::after { content: ""; height: 4px; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .portfolio-tabs-wb.icon_type li { margin: 0; } .portfolio-tabs-wb.icon_type li a { font-size: 16px; font-weight: 700; letter-spacing: 1px; padding: 0; margin: 0 8px; text-transform: uppercase; border: none; } .portfolio-tabs-wb.icon_type li a > span { font-weight: 700; } .portfolio-tabs-wb.icon_type li a i { margin-right: 10px; } .portfolio-tabs-wb.icon_type.text-center li, .portfolio-tabs-wb.icon_type.text-right li { background: #fff; position: relative; z-index: 1; margin: 0 -2px; } .portfolio-tabs-wb.icon_type.text-center li a, .portfolio-tabs-wb.icon_type.text-right li a { margin: 0 10px; } .portfolio-tabs-wb.icon_type.text-center::after, .portfolio-tabs-wb.icon_type.text-right::after { left: 0; right: 0; } /* Portfolio list */ .list_style .portfolio-custom-text { font-size: 12px; text-transform: uppercase; font-weight: 600; } .list_style .portfolio-list-left .btn { margin-top: 30px; } .style-list_style { border-bottom: 1px dashed #e1e1e1; padding: 40px 0; margin-bottom: 0 !important; } .style-list_style:first-child { padding-top: 0; } .style-list_style:last-child { padding-bottom: 0; border-bottom: none; } /* Portfolio list hover */ .portfolio-list-wrapper .pf-icon-zoom { display: block; overflow: hidden; position: relative; } .portfolio-list-wrapper .pf-icon-zoom:after { background: rgba(0, 0, 0, 0.8); transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; content: ""; height: 100%; left: 0; position: absolute; top: 0; opacity: 0; width: 100%; } .portfolio-list-wrapper:hover .pf-icon-zoom:after { opacity: 1; } /* ================================================================ * Title * ================================================================ */ .parallax-header.content-style-inline { float: left; text-align: left; } .parallax-header.content-style-inline1 { margin-bottom:40px } .parallax-header.content-style-inline .parallax-title { display: inline-block; padding-right: 40px; margin: 0 40px 20px 0; float: left; } .parallax-header.content-style-inline .parallax-title::after { width: 3px; height: 100%; left: auto; top: 0; right: 0; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg); transform: skewX(-15deg); } .parallax-header.content-style-inline .parallax-desc { text-align: left; float: none; margin-top: -5px; margin-bottom: 0; max-width: 100%; } /* Alignment */ .parallax-desc.text-left, .parallax-desc.text-right { float: none; } .parallax-header.content-style-inline .parallax-title.text-right { float: right; } .parallax-header.content-style-inline .parallax-title.text-right::after { left: 0; right: auto; } .parallax-header.content-style-inline .parallax-title.text-right { display: inline-block; padding-right: 0; padding-left: 40px; margin: 0 40px 20px 0; margin: 0 0 20px 40px; } .parallax-header.content-style-inline .parallax-desc.text-right { text-align: right; } .parallax-header.content-style-inline .parallax-title.text-center:after { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .parallax-header.content-style-inline .parallax-desc.text-center { text-align: center; } /* Title Style Blockquote */ .parallax-header.content-style-blockquote { display: table; height: 100%; margin-bottom: 40px; } .parallax-header.content-style-blockquote .parallax-title { display: table-cell; float: none; margin: 0 40px 0 0; padding-right: 40px; vertical-align: middle; } .parallax-header.content-style-blockquote .parallax-title::after{ content: none; } .parallax-desc.blockquote-style{ max-width: none; margin: 0 auto; } .blockquote-style blockquote, .blockquote-style .blockquote-reverse { border-left: 5px solid #eee; font-family: georgia; font-size: 14px; font-weight: normal; letter-spacing: inherit; line-height: 30px; margin-bottom: 0; } .blockquote-style blockquote:after, .blockquote-style blockquote:before, .blockquote-style .blockquote-reverse:after, .blockquote-style .blockquote-reverse:before{ content: none; } /* ================================================================ * Team * ================================================================ */ .team-style_two .team-item-img { margin-bottom: 0; } .team-style_two .team-item-img img { margin: 0 auto; width: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; max-width:80px; } .team-style_two .team-item .team-content { background: transparent; color: unset; padding:0; } .team-style_two .team-member-designation,.team-style_two .team-member-desc { font-weight:400; } .team-style_two .team-member-name { font-size:14px; text-transform:uppercase; margin-bottom:0; } .team-style_two .team-member-designation { color:#7f7f7f; } .team-style_two .zozo-team-social { margin-top: 6px; } .team-style_two .zozo-team-social-list.zozo-social-icons.soc-icon-transparent i { color: unset; } /* Alignment */ .team-style_two .text-left .team-item-img img, .team-style_two .text-right .team-item-img img { width: auto; margin: 0; display: inline-block; } /* ================================================================ * Client Slider * ================================================================ */ .zozo-client-slider-wrapper.style-hover_syle .owl-item { overflow: hidden; } .zozo-client-slider-wrapper.style-hover_syle .owl-item img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* for Webkit browsere, Chrome 19+, Safari 6+ ... */ -webkit-filter: grayscale(100%); filter: gray; -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .zozo-client-slider-wrapper.style-hover_syle .owl-item:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* for Webkit browsere, Chrome 19+, Safari 6+ ... */ -webkit-filter: grayscale(0%); filter: gray; opacity: 1; -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-animation: clientSlider 550ms forwards; -moz-animation: clientSlider 550ms forwards; -ms-animation: clientSlider 550ms forwards; -o-animation: clientSlider 550ms forwards; animation: clientSlider 550ms forwards; } @-webkit-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-moz-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-ms-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-o-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } /* ================================================================ * Counter * ================================================================ */ /* Default */ .zozo-counter-wrapper.counter-default { text-align: center; } .zozo-counter-wrapper.counter-default .counter-icon { margin-bottom:15px; } .zozo-counter-wrapper.counter-default .counter-info .counter-title h3 { font-size: 18px; line-height: 23px; text-transform: uppercase; } /* Counter Style 2 */ .zozo-counter-wrapper.counter-style-1 { text-align: right; position: relative; } .counter-style-1 .zozo-counter-count { font-size: 92px; line-height: 92px; margin: 0 !important; } .counter-style-1 .counter.zozo-counter-count::after { content: none; } .counter-style-1 .counter-info .counter-title h3 { font-size: 35px; margin: 2px 0 0; text-transform: uppercase; font-weight:700; } .counter-style-1 .counter-info .counter-title span { display: block; color: #ababab; font-size: 20px; line-height: 20px; margin-top: 5px; } .counter-style-1 .zozo-counter .counter-icon { bottom: 0; position: absolute; } .counter-style-1 .zozo-counter .counter-icon > i { font-size: 100px; line-height: 100px; } /* Alignment */ .counter-style-1.counter-icon-top .zozo-counter .counter-icon > i, .counter-style-1.counter-icon-bottom .zozo-counter .counter-icon > i { bottom: auto; position: relative; text-align: right; top: 0; } .counter-style-1.counter-icon-top .zozo-counter .counter-icon > i { margin-bottom: 10px; } .counter-style-1.counter-icon-bottom .zozo-counter .counter-icon > i { margin-top: 10px; } /* ================================================================ * Widget * ================================================================ */ .widget .widget-title { position: relative; overflow: hidden; margin-bottom: 15px; line-height: 20px; border: none; } .widget-title::after { background: #e1e1e1; content: ""; margin-left: 15px; height: 4px; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Services menu */ .menu-service-menu-container li { margin: 0; } .menu-service-menu-container li a { border: 1px solid rgba(0, 0, 0, 0.05); padding: 10px 30px 10px 50px; display: block; } .menu-service-menu-container li a:before { top: 10px !important; left: 10px !important; } .menu-service-menu-container li a:hover, .menu-service-menu-container li a:focus, .menu-service-menu-container li a.active { color: #fff !important; } /* Updated */ .vc-match-height-content > .vc_column-inner, .vc-inner-match-height-content > .vc_column-inner { height: 100% !important; } .wpb_wrapper .ubtn-ctn-left > *:last-child, .wpb_column .wpb_wrapper > *:last-child { margin-bottom:0px !important; } .wpb_column .wpb_gallery.wpb_content_element { margin-bottom:40px !important; } .ultimate-vticker.ticker { vertical-align:middle !important; }/* ================================================================ * WOOCOMMERCE * ================================================================ */ /* CATALOG MODE */ .woocommerce.woo-enable-catalog-mode div.product form.cart { display: none !important; } .woocommerce.woo-enable-catalog-mode .header-top-cart { display: none !important; } /* WOOCOMMERCE HEADER TOP CART */ .header-section .cart-icon, .header-section .woo-cart, .header-section .woo-cart-item, .mobile-cart-link { position:relative; } .header-section .woo-cart { line-height:inherit; height:inherit; } .header-section .cart-count, .mobile-cart-item .cart-count { color: #333; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; font-size: 10px; height: 15px; line-height: 15px; position: absolute; right: -10px; text-align: center; top: -10px; width: 15px; } .header-section .woo-cart-contents, .mobile-cart-wrapper .woo-cart-contents { background: #ffffff; border: 1px solid; border-color:#e1e1e1; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); left:0; right:auto; opacity: 0; text-align: left; padding: 15px; position: absolute; transition: opacity 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; -webkit-transition: opacity 0.2s ease 0s; visibility: hidden; width: 280px; height:auto; margin:0 auto; line-height:normal; min-height:100%; top:100%; z-index:99; } .header-section .zozo-top-right .woo-cart-contents, .header-section .navbar-right .woo-cart-contents { left:auto; right:0; } .header-section .woo-cart:hover .woo-cart-contents { visibility:visible; opacity:1; } .header-section .woo-cart-item, .mobile-cart-wrapper .woo-cart-item { border-bottom: 1px solid; border-color:inherit; padding-top: 8px; padding-bottom: 8px; position: relative; } .mobile-cart-wrapper .woo-cart-item { border-color:#e1e1e1; } .woo-cart-contents .woo-cart-item .ajax-loading { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/metal/wp-content/themes/metal/images/woo-ajax-loader.gif) no-repeat scroll center center/16px 16px #fff; opacity: 0.6; filter: alpha(opacity=60); } .header-section .woo-cart-item img, .mobile-cart-wrapper .woo-cart-item img { float: left; margin-right: 10px; max-width: 60px; } .header-section .woo-cart-item .cart-item-content h5 { margin: 0 0 10px; font-size: 16px; } .header-section .woo-cart-item .cart-product-quantity { font-weight:700; font-size:12px; } .header-section .woo-cart-item .cart-product-quantity > span { color:inherit; } .header-section .woo-cart-item .cart-item-content .cart-product-title { margin-top: 0; text-transform: capitalize; color:inherit; } .header-section .woo-cart-total .cart-total span.amount { padding-left: 5px; } .header-section .woo-cart-item a.remove.remove-cart-item, .mobile-cart-wrapper .woo-cart-item a.remove.remove-cart-item { border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; color: #a6a6a6; font-size: 18px; height: 20px; line-height: 20px; position: absolute; right: 0; text-align: center; top: 50%; background-color:#f7f7f7; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 20px; } .header-section .woo-cart-item a.remove-cart-item:hover, .header-section .woo-cart-item a.remove-cart-item:focus, .header-section.header-skin-dark .woo-cart-item a.remove.remove-cart-item:hover, .header-section.header-skin-dark .woo-cart-item a.remove.remove-cart-item:focus, .mobile-cart-wrapper .woo-cart-item a.remove.remove-cart-item:hover, .mobile-cart-wrapper .woo-cart-item a.remove.remove-cart-item:hover { background: #ac2925; color: #ffffff; } .header-section .woo-cart-total > .cart-total { margin:15px 0; } .header-section .woo-cart-contents .woo-cart-links { margin-left: -15px; margin-right: -15px; line-height: 30px; } .header-section .woo-cart .cart-link a, .header-section .woo-cart .checkout-link a { color: #333; } .header-section .woo-cart .cart-link a:hover, .header-section .woo-cart .checkout-link a:hover { color: #fff; } .header-section .woo-cart-links .cart-link, .mobile-cart-wrapper .woo-cart-links .cart-link { float: left; padding-left: 15px; } .header-section .woo-cart-links .checkout-link, .mobile-cart-wrapper .woo-cart-links .checkout-link { float: right; padding-right: 15px; } .mobile-cart-wrapper .woo-cart-links .cart-link, .mobile-cart-wrapper .woo-cart-links .checkout-link { padding:0; } /* WOOCOMMERCE PRODUCT FILTERING (ORDER BY,SORTING,COUNTING) */ .woo-dropdown, .woo-sort-ordering { cursor: pointer; float: left; margin: 0 10px 30px 0; padding: 0; width: 245px; } .woo-sort-ordering { width: 30px; } .woo-dropdown > li:after { content: "\e041"; font-family: "Flaticon"; line-height: 33px; position: absolute; right: 9px; top: 0; } .woo-dropdown > li:before { position:absolute; width:1px; content:""; background:#e3e3e3; height:25px; right:32px; top:3px; } .woo-dropdown > li, .woo-sort-ordering > li { background:#f1f1f1; border: 1px solid #e1e1e1; color:#7f7f7f; display: block; padding:2px 0; line-height: 28px; text-indent: 13px; position: relative; } .woo-dropdown > li strong { color: #333; font-weight:300; } .woo-dropdown > li .order-sub-dropdown { background:#fff; border:1px solid #e1e1e1; opacity:0; list-style: outside none none; padding: 0; position: absolute; width: 100%; left:0; right:0; top:34px; z-index: 100; visibility:hidden; } .woo-dropdown > li:hover .order-sub-dropdown { opacity:1; visibility:visible; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; } .woo-dropdown > li .order-sub-dropdown > li strong { display:block; } .woo-sort-ordering > li { text-indent: 4px; } /* WOOCOMMERCE PRODUCT */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s;-ms-transition: all 0.4s ease-in 0s; margin: 0 3% 40px 0; overflow: hidden; padding-bottom:8px; } .woocommerce ul.products li.product:after, .woocommerce-page ul.products li.product:after { content:""; height:2px; width:100%; position:absolute; bottom:0; left:0; right:0; } .woocommerce ul.products li.product:before, .woocommerce-page ul.products li.product:before { content:""; height:2px; width:33.3%; background:#333; position:absolute; -moz-transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s;-ms-transition: all 0.4s ease-in 0s; bottom:0; left:0; right:0; z-index:1; } .woocommerce ul.products li.product:hover:before, .woocommerce-page ul.products li.product:hover:before { width:66.6%; } .product .product-img-box { background: #f5f5f5; border:1px solid #ddd; } .product .product-details-wrapper { } .woocommerce ul.products.products-2 li.product, .woocommerce-page ul.products.products-2 li.product { width: 49%; } .woocommerce ul.products.products-3 li.product, .woocommerce-page ul.products.products-3 li.product { width: 30%; } .woocommerce ul.products.products-3 li.product, .woocommerce-page ul.products.products-3 li.product { margin: 0 5% 50px 0; } .woocommerce ul.products.products-4 li.product, .woocommerce-page ul.products.products-4 li.product { width: 22.5%; } .woocommerce ul.products.products-5 li.product, .woocommerce-page ul.products.products-5 li.product { width: 18.4%; } ul.products.products-2 li.product:nth-child(2n) { margin-right: 0; } ul.products.products-3 li.product:nth-child(3n) { margin-right: 0; } ul.products.products-4 li.product:nth-child(4n) { margin-right: 0; } ul.products.products-5 li.product:nth-child(5n) { margin-right: 0; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { margin: 0; } .woocommerce ul.products li.product .product-img-box { position:relative; } .woocommerce ul.products li.product h5.product-category-title { margin:10px 0 5px; } .woocommerce ul.products li.product h5.product-category-title a, .woocommerce ul.products li.product h5.product-category-title { font-weight:300; color: #7c7c7c; font-size: 12px; text-transform: uppercase; } .woocommerce ul.products li.product:hover h5.product-category-title a, .woocommerce ul.products li.product:hover h5.product-category-title { color:#a7a7a7; } .woocommerce ul.products li.product h3 > a { color:#333; font-size: 14px; font-weight:400; font-family:Arial; letter-spacing: 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { padding: 10px 0 5px; line-height: initial; } .woocommerce ul.products li.product-category.product h3, .woocommerce-page ul.products li.product-category.product h3 { padding-left: 15px; padding-right: 15px; text-align: center; } .woocommerce ul.products li.product-category.product h3 mark.count, .woocommerce-page ul.products li.product-category.product h3 mark.count { background: transparent; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ margin-bottom:0; } .woocommerce .price > .amount, .woocommerce-page .price > .amount, .price ins > .amount { font-size: 14px; font-weight:600; } .price del > .amount:after { width: 100%; position: absolute; height: 1px; background: #000; left: 0; right: 0; top: 50%; content: ""; } .woocommerce-page.single-product .entry-summary .price del .amount{ font-size: 20px; } .woocommerce div.product p.price del, .woocommerce div.product span.price del,.woocommerce ul.products li.product .price del,.price del > .amount{ color: #7f7f7f; display: inline-block; position: relative; } .woocommerce ul.products li.product .price del{ opacity: 1; padding-right: 10px; } .woocommerce .price ins, .woocommerce-page .price ins { text-decoration: none; } .product-buttons-overlay { bottom: 0; height: 100%; position: absolute; top: 0; left:0; width: 100%; background: transparent; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce ul.products li.product:hover .product-buttons-overlay{ background: rgba(0,0,0,0.5); } .woo-latest-slider-item .product-buttons-overlay{ opacity:0; } .woo-latest-slider-item:hover .product-buttons-overlay{ background: rgba(0,0,0,0.5); opacity:1; } .product-buttons-overlay .product-buttons-wrapper { left: 0; position: absolute; right: 0; text-align: center; bottom: 0; width: 100%; } .woo-latest-slider-item .product-buttons-overlay .product-buttons a{ font-size: 0px; } .woo-latest-slider-item .product-buttons-overlay .product-buttons a:after{ color: inherit; content: "\e073"; font-family: "Flaticon"; font-size: 24px; left: 0; position: absolute; right: 0; text-align: center; -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woo-latest-slider-item:hover .product-buttons-overlay .product-buttons a:after{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woo-latest-slider-item .product-buttons-overlay .product-buttons a:hover:after, .woo-latest-slider-item .product-buttons-overlay .product-buttons a:focus:after{ color: #fff; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce ul.products li .product-buttons a.woo-show-details{ float:left; } .woocommerce ul.products li .product-buttons a { border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; color: #333; font-size: 11px; letter-spacing: 1px; line-height: 45px; padding: 0; position: relative; text-align: center; text-transform: uppercase; width: 50%; } .woocommerce ul.products li .product-buttons a { transform-origin: 0 0 0; transition: -moz-transform 0.4s ease 0s, opacity 0.4s ease 0s; -moz-transition: -moz-transform 0.4s ease 0s, opacity 0.4s ease 0s; -webkit-transition: -moz-transform 0.4s ease 0s, opacity 0.4s ease 0s; visibility: hidden; opacity: 0; bottom:-45px; } .woocommerce ul.products li:hover .product-buttons a { opacity: 1; transform: translate(0px, -45px); -moz-transform: translate(0px, -45px); -webkit-transform: translate(0px, -45px); visibility: visible; } .woocommerce ul.products li .product-buttons > a.add_to_cart_button{ margin-right: 0px; } .woocommerce ul.products li.product .product-buttons a.woo-show-details:hover, .woocommerce .product-buttons > a.add_to_cart_button:hover{ background: #000; color: #fff; } .woocommerce ul.products li .product-buttons a.woo-show-details:after, .product-buttons > a.add_to_cart_button:after { content: "\e269"; color: inherit; position: absolute; text-align: center; right: 8px; } .woocommerce ul.products li .product-buttons a:after { font-size: 8px; } .product-buttons > a.add_to_cart_button:after { content: none; font-family: "Flaticon"; } .woocommerce ul.products li .product-buttons a.woo-show-details:after{ content: none; font-family: "Flaticon"; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after{ left: auto; right: 8px; top: 0; } .woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after { margin:0; } .woocommerce a.added_to_cart{ display: none; } .woocommerce #respond input#submit.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { color: #333; } .woocommerce a.button.alt{color:#FFF} .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover { color: #fff; } .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover { text-shadow: none; color: #fff; } .woocommerce #content div.product form.cart, .woocommerce div.product form.cart, .woocommerce-page #content div.product form.cart, .woocommerce-page div.product form.cart { margin: 15px 0; } .woocommerce #content div.product form.cart div.quantity, .woocommerce div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity { margin-bottom: 20px; width:100%; } .product_meta > span { font-size: 12px; font-weight: 800; padding-right: 5px; } .single-product .zozo-woo-social-share-box.zozo-social-share-box > span { float: left; font-weight: 800; font-size: 12px; padding-right: 10px; line-height: 30px; } .woocommerce-page.single-product .zozo-social-share-icons{ display: inline-block; } .woocommerce-page.single-product .zozo-woo-social-share-box.zozo-social-share-box{ margin-top: 20px; } /* VARIABLE PRODUCT */ .woocommerce #content div.product form.cart .variations td, .woocommerce div.product form.cart .variations td, .woocommerce-page #content div.product form.cart .variations td, .woocommerce-page div.product form.cart .variations td { border: none; } .woocommerce #content div.product form.cart .variations label, .woocommerce div.product form.cart .variations label, .woocommerce-page #content div.product form.cart .variations label, .woocommerce-page div.product form.cart .variations label { padding-top: 20px; } .variations .reset_variations { padding-top: 8px; } .single_variation{ line-height: inherit; margin-bottom: 15px; } /* WOOCOMMERCE SINGLE PAGE */ .single-product-image-wrapper{ position: relative; display: inline; } .flex-viewport{border:1px solid #e1e1e1;} .woocommerce .flex-control-nav img { border:1px solid #e1e1e1; } .woocommerce #content div.product .product_title, .woocommerce div.product .product_title, .woocommerce-page #content div.product .product_title, .woocommerce-page div.product .product_title { font-size: 20px; margin-bottom: 20px; line-height: 22px; text-transform: capitalize; } .woocommerce-page.single-product .entry-summary .price .amount { font-size: 27px; } .woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page div.product form.cart .button { padding: 9px 20px; } /* WOOCOMMERCE CUSTOM PRODUCT META */ .product-meta-info-wrapper .product-meta-item { background: #f1f1f1; border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 10px; text-align: center; } .product-meta-info-wrapper .product-meta-item i { color: #7c7c7c; font-size: 40px; line-height: 39px; } .product-meta-item .icomoon2-medal2 { position: relative; } .product-meta-item .icomoon2-medal2:after { background: #cccccc; bottom: 0; content: ""; height: 15px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 6px; width: 5px; } .single-product .product-meta-content .product-meta-title { font-size: 12px; color: #7f7f7f; margin-bottom: 0; } .single-product .product-meta-content .product-meta-value { margin: 0; font-size: 13px; } .widget .woocommerce-product-search .search-field { border: 1px solid #e1e1e1; height: 40px; margin-bottom: 10px; padding-left: 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .widget .woocommerce-product-search > input[type="submit"] { width: auto; margin-top: 10px; } /* WOOCOMMERCE TABS */ .woocommerce div.product .woocommerce-tabs ul.tabs::before { border: none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; overflow:visible; } .woocommerce-tabs .panel { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel { padding: 20px; border-width: 1px ; border-color: #e1e1e1; margin-top: -1px; background:none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { min-width: 145px; text-align:center; border: 1px solid #e1e1e1; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; background: transparent; margin: 0; background-color:#FFF; } #tab-title-description:hover{background-color:transparent !important} .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active { border:1px solid #e1e1e1; color: #333; position:relative; z-index:1; overflow:visible; border-bottom: 0px; background: #fff; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after { border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before { border: none; width: 0; height: 0; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a { font-weight: 300; } .woocommerce-tabs .panel h2 { font-size: 19px; font-weight: 400; margin: 0 0 10px; } .woocommerce #reviews h3, .woocommerce-page #reviews h3 { font-size: 19px; margin-bottom: 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { border: 1px solid #e1e1e1; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar{ padding:0; border:none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta strong{ text-transform: capitalize; } .woocommerce ul.products li.product .button { margin:0; } .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button { color: #333; text-align: center; line-height: 22px; padding: 9px 12px; font-size: 14px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-weight: normal; height: auto; } .woocommerce #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:active, .woocommerce #review_form #respond .form-submit input:focus, .woocommerce-page #review_form #respond .form-submit input:hover, .woocommerce-page #review_form #respond .form-submit input:active, .woocommerce-page #review_form #respond .form-submit input:focus { color: #fff; } .related.products h2 { font-size: 19px; } /* ONSALE BUTTON */ .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale,.three-col-left.woocommerce ul.products.products-2 span.onsale, .three-col-left.woocommerce-page ul.products.products-2 span.onsale, .three-col-middle.woocommerce ul.products.products-2 span.onsale, .three-col-middle.woocommerce-page ul.products.products-2 span.onsale, .three-col-right.woocommerce ul.products.products-2 span.onsale, .three-col-right.woocommerce-page ul.products.products-2 span.onsale { -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; line-height: 24px; margin: 0; padding: 0; right: 15px; top: auto; bottom: 15px; width: 60px; min-height: 24px; font-size: 10px; color: #333; text-transform: uppercase; z-index:1; } .woocommerce-page.single-product span.onsale, .woocommerce-page.single-product span.onsale, .woocommerce-page.single-product ul.products li.product .onsale, .woocommerce-page.single-product ul.products li.product .onsale{ left: auto; right: 10px; top: 22px; } /* WOOCOMMERCE MESSAGE BOXES */ .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message { background: #f1f1f1; border: 1px solid #e1e1e1; line-height: 40px; } .woocommerce #content div.product p.stock, .woocommerce div.product p.stock, .woocommerce-page #content div.product p.stock, .woocommerce-page div.product p.stock { font-weight: 700; font-size: 13px; margin: 2px 0 10px; clear: both; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before { height: auto; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { position: relative; padding: 9px 35px 9px 15px; } .woocommerce .woocommerce-message .button:after, .woocommerce .woocommerce-error .button:after, .woocommerce .woocommerce-info .button:after { content: "\e0a2"; font-family: "Flaticon"; position: absolute; right: 14px; } /* WOOCOMMERCE STAR RATING */ .woocommerce .products .product-info .star-rating, .woocommerce-page .products .product-info .star-rating { clear: both; height: 25px; line-height: 29px; margin: 0; } .footer-widgets .widget div.star-rating { line-height: initial; font-family: star; } .woocommerce .star-rating:before, .woocommerce-page .star-rating:before { content: "\53\53\53\53\53"; color: #CDCBCC; } .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before { color: #ffc600; } .two-col-right .products .product-info .star-rating, .two-col-left .products .product-info .star-rating, .three-col-right .products .product-info .star-rating, .three-col-middle .products .product-info .star-rating, .three-col-left .products .product-info .star-rating { float: none; } .comment-form-rating .stars a:hover, .comment-form-rating .stars a:active, .comment-form-rating .stars a:focus { color:#ffc600; } /* WOOCOMMERCE CART */ .woocommerce table.shop_table { margin-bottom:55px; } .woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-color: #e1e1e1; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .woocommerce table.shop_table thead, .woocommerce-page table.shop_table thead { background-color: #f1f1f1; height: 50px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-weight: 600; } .woocommerce table.shop_table th.product-thumbnail, .woocommerce table.shop_table .product-price, .woocommerce table.shop_table .product-quantity { text-align: center; } .woocommerce table.shop_table td.product-thumbnail { width: 95px; } .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { width: 90px; border: 1px solid #e3e3e3; } .shop_table.cart td.product-name > a { color: #333; } .shop_table.cart td.product-price .amount, .shop_table.cart td.product-subtotal .amount { font-size: 17px; font-weight: 600; } .woocommerce #content table.cart a.remove, .woocommerce table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce-page table.cart a.remove { line-height: 26px; width: 26px; height: 26px; color: #fff; font-size: 800; float: right; } .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { width: 55%; border-color: #e1e1e1; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .button { max-width: 120px; } .woocommerce table.shop_table td{ padding: 12px; } .woocommerce-shipping-calculator .shipping-calculator-form { display: block !important; padding-top: 15px; } .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 0; margin-bottom: 10px; } .woo-cart-collaterals-container,.woo-cart-totals-container { margin-top: 35px; } .shipping label { display:inline; } /* WOOCOMMERCE CHECKOUT */ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-page form.checkout_coupon, .woocommerce-page form.login, .woocommerce-page form.register { background: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .zozo-woocommerce-thank-you .order_info { margin-top: 20px; padding: 30px; border: 1px solid #e1e1e1; } .woocommerce #order_review table.shop_table thead, .woocommerce-page #order_review table.shop_table thead, .woocommerce #order_review .order-total { background-color: transparent; } .woocommerce-checkout-review-order table.shop_table td:last-child{ padding-right: 0; } .woocommerce-checkout-review-order table.shop_table th, .woocommerce-checkout-review-order .woocommerce table.shop_table td{ padding-left: 0; } .woocommerce-checkout-review-order .shop_table.woocommerce-checkout-review-order-table .cart_item .product-name{ padding-left: 0; } .woocommerce #order_review .shop_table thead tr th, .woocommerce #order_review .shop_table .cart_item:last-child td { border-bottom: 4px double #e1e1e1; padding-bottom: 27px; background:transparent; } #ship-to-different-address .checkbox { display: inline-block; font-size: 32px; font-weight: 500; } #ship-to-different-address { width: 100%; } #ship-to-different-address .input-checkbox { float: right; margin-top: 25px; } .woocommerce-checkout input, .woocommerce-checkout input.form-control, .woocommerce-checkout textarea, .woocommerce-checkout textarea.form-control, .woocommerce-cart input, .woocommerce-cart input.form-control, .woocommerce-cart textarea, .woocommerce-cart textarea.form-control { padding: 8px 10px; border: 1px solid; border-color:#e1e1e1; background: transparent; } .woocommerce-cart .toggle-search-form input.form-control{ border:0; padding:0; } .select2-drop-active, .select2-container .select2-choice { border-color: #e1e1e1; padding: 5px 10px; } .payment_methods label{ font-weight: 600; font-size: 13px; } .woocommerce-checkout form .form-row label.inline { float: left; line-height: 40px; width: 100%; } .woocommerce-checkout .inline > input { float: left; margin-right: 5px; } .woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity{ width:100%; } .woocommerce #order_review table.shop_table, .woocommerce-page #order_review table.shop_table { margin-right: 15px; padding: 15px 30px; width: 100%; } .order-total > th{ line-height: 26px; } table.shop_table.woocommerce-checkout-review-order-table tbody td{ line-height: 8px; } .product-total, .woocommerce table.shop_table td:last-child { text-align: right; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table td { border:none; } .woocommerce #order_review table.shop_table tfoot td, .woocommerce #order_review table.shop_table tfoot th, .woocommerce-page #order_review table.shop_table tfoot td, .woocommerce-page #order_review table.shop_table tfoot th,.woocommerce #order_review table.shop_table th, .woocommerce-page #order_review table.shop_table th{ font-weight:300; background:transparent; font-size:16px; } .single-sidebar-container .woocommerce-checkout-payment{ width: 100%; float: left; margin: 30px 0 0; } .woocommerce #payment ul.payment_methods li input, .woocommerce-page #payment ul.payment_methods li input { display: inline-block; } .woocommerce-checkout #payment div.payment_box { padding: 10px 31px; } .payment_box p { color: #333; } .woocommerce #payment, .woocommerce-page #payment { background:none; } .payment_methods.methods { border:1px solid #e3e3e3; } .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after,.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { background:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; border:none; margin:0; padding-top:0; } .woocommerce #order_review .payment_methods.methods{ padding:0; } .woocommerce-checkout #payment .form-row.place-order { padding: 20px 0 0; } .checkout #payment { margin-bottom: 75px; } .woocommerce-checkout #payment ul.payment_methods{ border-color: #e1e1e1; } .woocommerce #order_review .payment_methods.methods > li { border-bottom:1px solid #e1e1e1; padding: 18px 20px; } .woocommerce #order_review .payment_methods.methods > li:last-child{ border-bottom: 0px; } .woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img { margin-right: 5px; } .checkout_coupon .form-row-last { text-align: right; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal{ padding-left: 15px; } .woocommerce table.shop_table .cart-subtotal > th,.woocommerce table.shop_table .shipping > th,.woocommerce table.shop_table .order-total > th { border: none; } /* WOOCOMMERCE ORDER RECIEVED */ .zozo-woocommerce-thank-you .order_info { margin: 20px 0 18px; padding: 20px 0px; border: 1px solid #e1e1e1; } .zozo-woocommerce-thank-you .thank-you-title,.zozo-woocommerce-thank-you h2,.woo-order-customer-info h2,.zozo-woocommerce-order-details h2 { font-size: 32px; line-height: 42px; } .zozo-woocommerce-thank-you .thank-you-title{ margin-bottom:0; } .zozo-woocommerce-thank-you h3.thank-you-text{ margin-top:5px; } .woocommerce .order_details li{ border-right:1px solid #e1e1e1; text-transform:capitalize; margin: 0px 20px; } .woocommerce .order_details li > strong{ font-size:16px; font-weight:300; } .woocommerce .order_details li.total, .woocommerce-page .order_details li.total{ border-right:none; } .woocommerce .order_details li.method, .woocommerce-page .order_details li.method{ margin-top: 18px; width: 100%; } .woocommerce table.shop_table.order_details, .woocommerce-page table.shop_table.order_details{ padding: 20px; } .woocommerce .zozo-woocommerce-order-details table.shop_table thead{ background:none; height:auto; } .woocommerce .zozo-woocommerce-order-details table.shop_table tfoot td, .woocommerce .zozo-woocommerce-order-details table.shop_table tfoot th, .woocommerce-page .zozo-woocommerce-order-details table.shop_table tfoot td, .woocommerce-page .zozo-woocommerce-order-details table.shop_table tfoot th,.woocommerce .zozo-woocommerce-order-details table.shop_table thead th { border:none; font-weight:300; font-size:16px; } #order_review_heading { margin-top: 40px; } .woo-cart-totals-container tr th, .woo-cart-totals-container tr td{ line-height: 46px; border-bottom: 4px double #e1e1e1; } .woo-cart-totals-container tr th{ padding-left: 0; font-size: 13px; } .woo-cart-totals-container tr td{ text-align: right; padding-right: 0; color: #7f7f7f; } .woocommerce table.shop_table td.product-name,.woocommerce table.shop_table td.product-name a, .woocommerce-page table.shop_table td.product-name,.woocommerce table.shop_table td.product-total, .woocommerce-page table.shop_table td.product-total { font-size: 14px; font-weight: 300 } /* WOOCOMMERCE PAGINATION */ .woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul { border: none; } .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { margin:0 1px; border: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.page-numbers.current { border-radius: 3px; padding: 0; color:#333; display:inline-block; line-height: 35px; width: 37px; position: relative; } .woocommerce nav.woocommerce-pagination ul li span.woo-page-prev, .woocommerce nav.woocommerce-pagination ul li span.woo-page-next { font-size:0; padding: 0; line-height: 0; } .woocommerce-page nav.woocommerce-pagination ul li a.prev:before,.woocommerce-page nav.woocommerce-pagination ul li a.next:before { content: "\f104"; font-family: FontAwesome; font-size: 18px; left: 0; right: 0; margin: 0 auto; position: absolute; } .woocommerce-page nav.woocommerce-pagination ul li a.next:before { content: "\f105"; } /* LATEST PRODUCT SLIDER */ .zozo-woo-latest-slider .woo-latest-product-box{ position:relative; overflow:hidden; background:#f5f5f5; padding:15px; z-index:1; } .zozo-woo-latest-slider .woo-latest-product-content{ text-align:center; } .zozo-woo-latest-slider .woo-latest-product-content .latest-product-title{ font-size: 12px; text-transform: uppercase; margin: 7px 0 0; } .woo-latest-product-content ins, .woo-latest-product-content del{ display: block; text-decoration: none; } .wcmp-product .wcmp-product-image .wcmp-add-to-cart a, .wcmp-product .wcmp-product-image .wcmp-quick-view a{ color: #333; } /* ================================================================ * WOOCOMMERCE WIDGETS * ================================================================ */ .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child{ margin-left:-10px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-slider-horizontal, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-slider-horizontal { background: #7c7c7c; position: relative; } .widget_price_filter .price_label { font-size: 14px; font-weight: 500; line-height: 34px; } .widget_price_filter .price_label > span { font-weight: 700; } .woocommerce .widget_price_filter .ui-slider-horizontal, .woocommerce-page .widget_price_filter .ui-slider-horizontal { height: 2px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { border:0px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 10px; height: 10px; background: #333; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{ margin-left: 0; } .woocommerce .widget_price_filter .price_slider_amount, .woocommerce .widget_price_filter .ui-slider{ margin-top: 25px; } .woocommerce .widget_price_filter .ui-slider{ margin-left: 0; margin-right: 0; } .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce-page .widget_price_filter .price_slider_amount .button:hover { color:#fff; } /* PRODUCT CATEGORIES */ .widget_product_categories .product-categories li .count{ background: none repeat scroll 0 0 #cccccc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; font-weight: 400; height: 23px; position: absolute; top: 0; right: 0; line-height: 22px; text-align: center; width: 23px; color: #ffffff; margin-top: 1px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li { padding: 0 0 15px; margin: 15px 0 0; min-height: 65px; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { width: 60px; float: left; margin-right:10px; min-height:60px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a { line-height: normal; display: block; } .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img{ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li{ border-bottom:1px dashed #e1e1e1; position:relative; } .woocommerce ul.product_list_widget li:last-child, .woocommerce-page ul.product_list_widget li:last-child { border:none; } .widget_product_categories .product-categories li a { text-transform: capitalize; color:#7f7f7f; } .widget_product_categories .product-categories li{ margin-bottom:20px; position:relative; } /* CART WIDGET */ .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total, .woocommerce-page.widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border: none; margin-top: 5px; } .woocommerce ul.product_list_widget li a{ color:#7f7f7f; font-weight: 500; position:relative; } .product_list_widget .amount{ font-weight:600; } .product_list_widget ins { text-decoration: none; } .product_list_widget del, .product_list_widget del > span.amount { color: #7f7f7f; opacity: .7; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{ padding-left: 0; padding-right: 20px; } .woocommerce.widget_shopping_cart .cart_list li a.remove { left: auto; right: 0; background:#f7f7f7; line-height: 1; } .woocommerce.widget_shopping_cart .cart_list li a.remove:hover, .theme-skin-dark .woocommerce.widget_shopping_cart .cart_list li a.remove:hover { background:red; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ margin-left: 0; } .sidebar .product-categories li a { color: #7f7f7f7; } /* WOO SLIDER (BETA) */ .wooproduct.slick-slide .woocommerce span.onsale::before, .wooproduct.slick-slide .woocommerce span.onsale::after { display: none; } .wpb_column .wpb_wrapper .wcmp-product .wcmp-product-desc { margin-bottom:0; padding:15px 0; } .wcmp-product.wcmp-style03 .wcmp-product-desc .wcmp-add-to-cart a.added_to_cart { border-radius: 4px; display: inline-block; font-size: 14px; padding: 9px 12px; margin:0; } .woocomposer_carousel .slick-slider { margin-bottom: 0; } .wpb_row .wpb_column .wpb_wrapper .woocomposer_carousel { margin-bottom: 0; } .woocomposer_carousel .slick-dots li button::before{ left: -4px; top: -4px; z-index: 1; } .wpb_row .wpb_column .wpb_wrapper .wcmp-product .wcmp-product-desc h2 { font-size: 18px; font-weight: 400; } .woocommerce ul.products li .product-buttons a.woo-show-details{ background:#ccc !important; } .woocommerce .product-buttons > a.add_to_cart_button{ background:#ddd!important; } .woocommerce .product-buttons > a.add_to_cart_button:hover,.woocommerce ul.products li .product-buttons a.woo-show-details:hover{ background:#222222 !important; } .wb_about{margin-top:20px;line-height: 2em;letter-spacing:0.6px;font-size:15px} .wb_about h1{font-size:24px;line-height:normal}